How to apply fixed/frozen Navigation in Moksha template on mobile?

Hi,

I use the Moksha template and wanted to have a fixed/frozen navigation header when scrolling down, allowing visitors to still see the navigation bar even if they scroll down.

I found a way to do it using custom CSS, where I added the below coding I found on this forum and it seems to work so far on a desktop version, however it doesn't work on mobile devices... any clue on what I can do ?

Thanks for your help!!

Camille

This is the Custom CSS code I used for desktop:

header {
position: fixed;
 width: 100%;
z-index: 4;
}

header.Header, .Mobile.loaded {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

Hi Tuanphan,

Thanks for the coding, I tried but it doesn't work 😞

Thanks anyway for your help!!!

On 11/27/2019 at 10:42 PM, CamilleM said:

Hi Tuanphan,

Thanks for the coding, I tried but it doesn't work 😞

Thanks anyway for your help!!!

Can you share link to your site?