Debut Theme Nav Bar Dropdown Lacks Scroll

Highlighted
Excursionist
32 0 5

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!

Highlighted
Shopify Partner
9272 1180 3266

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
Highlighted
Excursionist
32 0 5

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.

Highlighted
Shopify Partner
9272 1180 3266

@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
Highlighted
Tourist
10 0 0

Hi, I have the same issue, did you find a way to do it? 

0 Likes