Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
Thanks
1. Go to Online Store->Theme->Edit code
2. 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;
}
}
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.
It is shoppunchybelle.com or punchy-belle-boutique.myshopify.com
This is an accepted solution.
Thanks
1. Go to Online Store->Theme->Edit code
2. 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
can you please share store preivew url
thanks bt your current theme Minimal theme
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
yes, please send screenshot
Did you see the screenshot?
this its navigation part do you need below section doesn't good thing
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024