Debut Theme Nav Bar Dropdown Lacks Scroll

Highlighted
Excursionist
16 0 3

Hello all,

It was brought to my attention this morning that my Nav Bar menu dropdowns do not scroll, so visibility of the contents is dependant on the size of the screen.  This applies to all sizes (Desktop, laptop/tablet, mobile).  Any recommendations on where to start fixing this?

Theme: Debut (with code adjustments to provide sticky header)

URL: www.shoesonsolano.com

Thanks for the help!

1 Like
Highlighted
Shopify Partner
6038 887 2038

Hello, @ShoesOnSolano 

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

@media only screen and (min-width: 750px) {
.site-nav__dropdown {
max-height: 330px;
    overflow: hidden;
    overflow-y: auto;
}
}

 
Sticky code

https://codepen.io/haykou/pen/FHKJg?__cf_chl_jschl_tk__=37f452d668666503b9a0a9db4b105bcee22a9789-1594695927-0-AThjk3Ve-SM9S9DGqpBqF3eMxl967wFIX6Vv5JssFD5PfnaWM8qZf5gHXE0dCbyfmj18-tmckwkhA5FQG9mEoDr2WTb-6jajoWF6FSYyxEzD_RdBfUDsPbRvxyrsvIIJCeDgEeHD43TGtuNAOMTydoAzHqtS6s9nFmbIRHqMF1yHYLa1Ftniv-nXPfn4lViotTLyk_rtYIoincJxHnP-yP3ko1ft_AT0EB1tGnGX13T6JsQpe2503qeex6YwWH-sFzXFSYEA5g90IZ1-nOWGy_5YL_983XhPZ1ZvmPnQvo8f_wV5g9fzlSA3hKOuH5KOnfIEumHPCKWjE_7hRz6VVlu8bJ53aPjl14J5xcEqktp1
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
Excursionist
16 0 3

Hello @KetanKumar ,

I tried your solution.  No luck.  It is allowing a scroll, but not of the nav bar contents.  it's allowing a scroll of the page underneath.

1 Like
Highlighted
Shopify Partner
6038 887 2038

@ShoesOnSolano 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

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