Streaming live at 10am (PST)

Footer isn't fixed to the bottom of the page on Mobile and Tablet only


#1

Hello,

I can’t fix the footer to the bottom of the page in Mobile and Tablet view, but seems like works fine in Desktop. Any advice?

Here is my site Read-Only: https://preview.webflow.com/preview/fatfatfatfestival?preview=4d9fa7ed305cc12187c2b396c914b526


#2

Hello @niccolomiranda

You’ve been building your site having into account only your screen. The heights of your sections are made for it but if you want your site to be viewable in different devices you need to not use fixed heights and start using percentages or taking into account auto heights as well.

Another thing I noticed is that sometimes you use 100% heights in bodys or absolute positioning where there’s no need for it.

I hope this make sense for you.


#3

Hi @niccolomiranda, on mobile the 190vh style on the section is causing the styling issue, I would set that to Auto on mobile landscape and below:

It is generally best to use an auto height for lower viewports.

I hope this helps.