Nav dropdown goes out of screen for smaller screens

Shopify Discussion
1

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. :wink:

2

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.

3

Thankyou :slightly_smiling_face:

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