Nav dropdown goes out of screen for smaller screens.

Highlighted
New Member
3 0 0

Hello.

 

I got a problem. My navigation is always stuck on top of the screen and i like it, but only when i am using it on big screens. On small screen a problem arises. When i go to dropdown menu it goes out of screen and i can not scroll down because nav is always stuck at top of screen (only background scrolls). Is there any middle ground where i could have stuck navigation for big screen and unstuck for small? Or maybe there is better solution?

 

Thank you.

0 Likes
Highlighted
Shopify Expert
441 45 47

Hello There, 

 

For smaller screens you can set the height and width for menu and then use overflow:scroll to make the menu scroll and this will not hide the menu in smaller screen. If you can share your store URL then I can share CSS with you by taking a look into it.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0

Thankyou

It is not my live theme though.

I tried with overflow before, it came out weird. BTW my dropdown has drawers (or how are they called).

https://9mr916yc2cpo963y-2154135621.shopifypreview.com

 

 

0 Likes