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
1972 564 566

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.

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

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
Explorer
40 2 5
overflow: scroll;

 

But yeah, link would be good.

Rahul_dhiman
Shopify Partner
780 149 163

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

Rahul_dhiman
Shopify Partner
780 149 163

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

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

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