Sticky Header on Mobile

  • 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



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

  • Hi Tait,

    For this you can use the following custom CSS.

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

    Hope this helps.

    Sanjip S.

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