New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to extend drop down menu - mobile view

Solved
Liz93
Excursionist
41 0 12

Hi all,

On mobile view-only, the drop-down menu is cropped and you can't scroll down to see past the first 2 pages (home and product). Can someone help me out, please? Thanks!

https://yoursimpleliving.com/

test27

IMG_0593.PNG

Accepted Solution (1)
KetanKumar
Shopify Partner
36721 3634 11914

This is an accepted solution.

@Liz93 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.template-index .site-header {width: 100%;}
.mobile-nav-wrapper {z-index: 99;}
}

After code view

KetanKumar_0-1634785447753.png

 

 

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 3 (3)
KetanKumar
Shopify Partner
36721 3634 11914

This is an accepted solution.

@Liz93 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.template-index .site-header {width: 100%;}
.mobile-nav-wrapper {z-index: 99;}
}

After code view

KetanKumar_0-1634785447753.png

 

 

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
Liz93
Excursionist
41 0 12

Thank you @KetanKumar that worked!

KetanKumar
Shopify Partner
36721 3634 11914

@Liz93 

its my pleasure to help us 

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