Sticky footer issue (mobile)

[bro]

Have a sticky footer on a quasi-empty contact detail page, which works fine on desktop, but on mobile is pushed out of the viewport (with scroll) by the menu bar.

Am using a desktop style menu bar for mobile (no burger). If I hide the menu bar on mobile (through Appearance > Customize > etc.), the sticky footer is in the right place…

Is there a fix for this?

[bro]

@mariusjopen and anyone who might read this

Managed to (temporarily?) work around this issue by adding to custom css for mobile version:

body {padding-top: 0}
-> deleting menu bar height value automatically set as padding-top on body

#main-region {padding-top: [menu bar height value]}
-> adding it to main region instead

[mariusjopen]

Dear @bro

Can you post a link to our website?
Then we can have a look and inspect that.

But if it works now – the problem is solved, right?

Let me know!

Best!

Marius

[bro]

@mariusjopen

Website is in maintenance mode still, so can't post the link. But yes, the workaround solves the problem.

I’ll be sure to post you the link to the website when it goes online, for inspection.

Best, Bas

[mariusjopen]

Dear @bro

Perfect. Happy to hear and to see the page.

Best!

Marius