Jump to content

Scroll bar of Sub menus

Recommended Posts

Posted

Hi

I have added around 20 sub menus on our site https://www.xenexsoc.com/soc-overview under Soc-As-A-Service menu, the problem is I need to add a few more sub menus under the main menu Soc-As-A-Service but as we add it the menus get cutoff on the workstation mode/browser. I was expecting to get a scroll bar automatically as the number of menus increases. Is there a setting or functrion available to add the scroll bar for sub menus?

 

Thanks in Advance!

Posted

@xenexsoc Here's a code snippet to display a scrollbar on the first sub menu:

.header-nav-item--folder:nth-child(1) .header-nav-folder-content {
  max-height: 300px;
  overflow:auto;
}

You have the flexibility to modify the "max-height:300px" value in the code. This adjustment directly influences the height of the submenu. If the submenu accommodates more items, a scrollbar will be automatically be displayed.

Let me know how it goes. Thanks!

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.