sticky header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #648
    shaktiyogijournal
    Participant

    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;
    }

    #1657
    admin
    Participant

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.