Solved

How to move location of menu bar on Supply theme

Toridanos
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

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 21 (21)

KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Toridanos
Tourist
3 0 2

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

KetanKumar
Shopify Partner
36839 3635 11972

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Toridanos
Tourist
3 0 2

That worked beautifully! Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3

Would this also work on the Craft theme?

KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

can you please share store url

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3
I'm in the process of setting up a new theme, not published yet.
KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

can you please share store preivew url

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3
KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

thanks bt your current theme Minimal theme

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3
I know, I'm working on changing to the Craft theme.
SheeplessJon
Excursionist
11 0 3
KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

yes, its perfect and also this work header desktop and mobile i can't see any issue 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3

Under asset, I don't have anything listed like what you posted.

KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

can you please give me rough idea what do you want

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3
Absolutely!
KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

yes, please send screenshot 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SheeplessJon
Excursionist
11 0 3

Screenshot 2022-02-10 135551.jpeg

SheeplessJon
Excursionist
11 0 3

Did you see the screenshot?

 

KetanKumar
Shopify Partner
36839 3635 11972

@SheeplessJon 

this its navigation part do you need below section doesn't good thing 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing