How to move location of menu bar on Supply theme

Solved
Highlighted
Tourist
3 0 2

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. 

Screenshots_2020-08-09-12-58-32.png

1 Like
Highlighted
Shopify Partner
7457 1032 2592

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
3 0 2

It is shoppunchybelle.com or punchy-belle-boutique.myshopify.com

0 Likes
Highlighted
Shopify Partner
7457 1032 2592

This is an accepted solution.

@Toridanos 

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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
3 0 2

That worked beautifully! Thank you!

1 Like
Highlighted
Shopify Partner
7457 1032 2592

@Toridanos 

Thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes