Fixed navbar and mobile-friendly sticky footer

I’m looking to put a fixed sticky footer menu nav bar. I was able to put one on the top of the page using the code i found in this forum and would like to do the same at the bottom of the page.

This works great for the top

.HYPE_scene:not(.HYPE_element) { overflow-y: visible !important; } .fixed { position: fixed !important; }

Need one for the Bottom Now?

https://forums.tumult.com/search?q=footer

:slight_smile:

2 Likes

@ivdesigns

Here's one that @h_classen created:

It is dead simple, no code required - but it had an issue with Safari - scrollbars would not show.

I have made some minor tweaks to Hans' original file:


Unchecked "Use Webkit graphics acceleration" in the "Document Inspector" (scrollbars now show)
• Set the "Content Overflow" to "Auto Scrollbars" (cosmetic change)

Adjusted version here: TB_JHSv1.zip (63.7 KB)

2 Likes

Wow. I love the forum community and admins for being so helpful.

Thanks a million :slight_smile:

1 Like