sticky header

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (max-width: 1024px) {
  body.sticky-header-active.botiga-scrolling-down .mobile-header {
    position: -webkit-sticky !important; /* Safari */
    position: sticky !important;
  }  
}

Regards,
Kharis

Hi there, I’m having issues with this too. I’ve enabled sticky header (always on) in the main menu settings but now it’s not working on mobile. I’ve tried the code above and it didn’t work.

On desktop, the main header is sticky, the top disappears when scrolling. I’ve set it so on mobile it’s just main header.

The website is ninashouse.com

Thanks

Hi @rossp91,

Thank you for chiming in.

Please try this CSS code:

@media only screen and (max-width: 1024px) {
  .sticky-header-active .mobile-header {
    position: sticky;
    top: 0;
  }
}

Clear any cache after the code applied. You may also need to clear your web browser’s history and restart it to prevent cached pages remain to load.

Hope that helps.

Regards,
Kharis

Hi Kharis, works perfectly! Thanks so much!

You’re welcome @rossp91!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis