Hhughred22Feb 3, 2017
How can I stop the header fixed it on top when scrolling (no sticky header)?
How to stop follow (fixed) header for a center page?
4 replies · opened Feb 3, 2017
SSemicolon WebSTAFFFeb 5, 2017
Hello,
You can simply add the .no-sticky Class to the #header Element to make the Header Non-Sticky.
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.
Hhughred22Feb 6, 2017
No it does not work!! Currently I copy from your code is like this:
<header id="header" class="full-header transparent-header dark static-sticky no-sticky" data-sticky-class="not-dark" data-sticky-offset="full" data-sticky-offset-negative="100">
Adding .no-sticky still make the header sticky. Just the navigation text now is not content aware (I have a dark video background and the nav text is also dark). I want the nav text and the hamburger push menu to be WHITE and NOT follow me when I scroll (always on top of the page).
Hhughred22Feb 6, 2017
I mark this as unresolved.
SSemicolon WebSTAFFFeb 8, 2017
Hello,
We have just figured out that you are using the One Page Layouts, and they are Position Fixed by default. Simply add the following CSS Code to fix this:
#header.no-sticky #header-wrap { position: relative; }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.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard