Shopify themes, liquid, logos, and UX
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!
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
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
Hi,
Thanks for your reply. I tried to paste the code but the nav menu is still sticky for the mobile view.
when I check on your site, I see it's working and not see sticky, how it not working for you?
did you check it using your phone?
Yes, I just check on my phone: https://www.aldmarketing.com/
I'm using android
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...
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024