non-sticky navigation menu on mobile view (empire theme)

[Wellanie]

Hi,

how can I make it a non-sticky menu for mobile view? Originally, empire theme is non-sticky menu but I added a code to make it otherwise. the downside is it also became non-sticky on mobile view and the page can't be seen anymore seen it's covering the whole screen.

Website's link.

Thanks!

[Guleria]

Hello @Wellanie ,

The css you used to make the header sticky with classes  ( .site-header-sticky .site-header ) 
use it with media query in this way sticky menu will work only for desktop only.

Thanks

[Typostore]

Hello, you can open file theme.css and paste my code at bottom file it will work for you

@media screen and (max-width: 800px){
     body .site-header-sticky .site-header {
       position: relative;
    }
}

Thank you

[Wellanie]

Hi,

Thanks for your reply. I tried to paste the code but the nav menu is still sticky for the mobile view.

[Typostore]

when I check on your site, I see it's working and not see sticky, how it not working for you?

[Wellanie]

did you check it using your phone?

[Typostore]

Yes, I just check on my phone: https://www.aldmarketing.com/

I'm using android

[Wellanie]

I'm not sure why. Is there a difference if I'm using ios? the thing is, also in Shopify admin, the nav menu is still sticky...