Sticky Header on Mobile

  • sandekri · Member ·

    Hello,

    How can I get my header to be “sticky” on mobile? The desktop site header is sticky. That is, when scrolling down the page the top header & menu jumps into position and is always showing no matter how far down the page you scroll. I’d like my mobile theme to do the same

    Thanks,

    Tait

    The blog I need help with is: (visible only to logged in users)

  • themegrill · Theme Author ·

    Hi Tait,

    For this you can use the following custom CSS. 

    @media screen and (max-width: 768px) {
  .header-wrap {
    position: fixed;
  }
}

    Hope this helps.

    Thanks.
    Sanjip S.

  • The topic ‘Sticky Header on Mobile’ is closed to new replies.