sticky header

[shaktiyogijournal]

hi there i’d love some support in keeping the sticky header on the page even as i scroll through page content and into the footer. currently it disappears after a short amount of scrolling. thanks!
here’s my current code

.main-navigation.stuck {
background: #ddd1e7;
background: rgba(221,209,231, 0.5);
position: fixed;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
top: 0;
left: 0;
right: 0;
z-index: 99950;
}

[admin]

Hi,

Quote:

hi there i’d love some support in keeping the sticky header on the page even as i scroll through page content and into the footer. currently it disappears after a short amount of scrolling.

Anemone theme has adopted this feature because of the following reasons,

– It is part of modern and distraction free design.
– It is also helpful in saving the space at small viewports like mobiles.
– Menu will re-appear as the user will scroll up.

I will suggest to leave it as default.

I have also posted ticket to our development department. I will share the CSS Code Snippet with you, if it is possible via CSS hack only.

Thanks

[Author]

Posts