Fix div in bottom of the page on mobile view

[rcbarros]

Hello X people. I have been try figure out how to add a fix div on the bottom of my page when goes mobile view (front page only). Something similar to https://www.serviz.com (Please resize your browser screen - you will see this full-width orange

with the description BOOK NOW.

I have my website host temporary at https://southlandservices.net/sandbox.

Thanks for any advise.

Best,

Robert B.

[basanta]

Hi there,

Thanks for writing in!

you can make a section and hide them in desktop view in customize section, Please refer to the screenshot.

After doing this please add following css in the section.

position: absolute; bottom: 0px; width: 100%;

Let us know if this helpfull.

Thanks

[rcbarros]

Thanks for your quick reply. I got this part. But how can I have it fixed at the bottom of the page even if you scroll up/down?

[basanta]

position: fixed; bottom: 0px; width: 100%;

Use this css instead.

Thanks