Navigation menu drop down scrolling

Navigation menu drop down scrolling

Ellemw
Tourist
17 0 1

Can someone help me with some code to get my navigation menu drop down scrolling so it can be seen no matter the window size

Replies 6 (6)

BSSCommerce-B2B
Shopify Partner
564 113 136

Hi @Ellemw ,

Which menu do you want?
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Ellemw
Tourist
17 0 1

Hello, sorry about that our site is:

https://www.kegsonlegs.com.au/

Both the 'kegs' & 'Eats & drinks Catering' menus need to scroll so you can see the options regardless of screen size

IKRDE
Excursionist
40 2 4
overflow: scroll;

 

But yeah, link would be good.

Rahul_dhiman
Shopify Partner
227 42 41

Hello @Ellemw 

Go to online store ---------> themes --------------> actions ------> edit code-------> base.css
and add this code at the very end of your file.

HeaderMenu-MenuList-3 {
    max-height: 300px;
    overflow: auto;
    width: 360px;
}

 

and the result will be 
4.png

 

let me know if this was helpful and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

Rahul_dhiman
Shopify Partner
227 42 41

Hello @Ellemw 

Go to online store ---------> themes --------------> actions ------> edit code-------> Assets------> Style.css--------> line number 1899
replace this code

.dropdown-links {
  background: #ffffff;
  position: relative;
  display: flex;
}

 

with this code

.dropdown-links {
    background: #fff;
    position: relative;
    display: flex;
    height: 300px;
    overflow: auto;
}

 

and the result will be
5.png

let me know if this was helpful and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Ellemw
Tourist
17 0 1

Thank you.

Is there a way to set the height to auto? As when I use this code some of the menus have a big white space underneath