Sticky nav bar not working when screen width is under 991px

Question

Responsive sticky nav bar is not working when screen width is under 991px.
I haven't done anything to the html yet. The nav bar is minimized normally but
it is not sticky when scrolling down.

How can I fix this? Thanks.

SemiColonWeb · Accepted Answer

Hello,

The Sticky Headers are not enabled by default on Mobile Devices. Simply add the data-mobile-sticky="true" Attribute to the #header Element to make the Headers sticky on Mobile Devices.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

lsualeng13 · Answer

It still not working for me. I put it in the index.html just like this

What am I missing here? Thanks

PS. Where can I find documentation about (data-mobile-sticky="true"). Can't seem to find it in documentation section.

lsualeng13 · Answer

Sorry. Got it now. Thanks! But where can I find documentation about (data mobile sticky=”true”)? Can’t seem to find it in documentation section.

Semicolon Web · Answer

Hello,

Apologies about this! Some of Our Documentations are still under development but we are frequently updating and adding more Documentations. Consider checking this Documentation on Sticky Headers: http://docs.semicolonweb.com/docs/header/sticky-header/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.