Currently, my menu bar on mobile view is at the very top of the web page. I’d like to move it down below my logo as shown in the attached picture. Is this possible? How do I do it? My customers sometimes miss it if they immediately start scrolling.
Hello, @Toridanos
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks
- Go to Online Store->Theme->Edit code
- Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 480px) {
body {
padding-top: 0px;
}
#mobileNavBar {
position: relative;
}
}
That worked beautifully! Thank you!
Thanks for update.
Would this also work on the Craft theme?
can you please share store url
I’m in the process of setting up a new theme, not published yet.
can you please share store preivew url
Didn’t even know I could!
https://www.sheeplessyarns.ca/?_ab=0&_fd=0&_sc=1
thanks bt your current theme Minimal theme
I know, I’m working on changing to the Craft theme.
https://c60u0sbs51tv00fk-27163263063.shopifypreview.com
Hopefully this works.
yes, its perfect and also this work header desktop and mobile i can’t see any issue
Under asset, I don’t have anything listed like what you posted.
can you please give me rough idea what do you want
Absolutely!
yes, please send screenshot
