How can I make a long mega menu scrollable on Prestige theme?

Store Design
1

Hi All,

My mega menu on desktop is very long and are unable to view all its contents, is it possible to have this contained and scrollable?

Store URL: https://label-source.co.uk/

Screenshot of the issue

Screenshot 2022-09-06 at 11.55.54.png
Screenshot 2022-09-06 at 11.55.54.png2270×2308 828 KB

2

Hi @Danielparsons , yes there is a way.
Go to edit code > assets > theme.css and find this:

.DropdownMenu[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
}

Replace it with:

.DropdownMenu[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    max-height: 300px;
    overflow-y: scroll;
}

Change 300px with the value you’d like.

1 Like
3

Thank you @MarinaPetrovic That worked perfectly!

4

@MarinaPetrovic Can you help me? as my trending menu was long and I want to make it like 15 row and then able to scroll on desktop. But I am using expanse theme, and can’t find the code above. website kawaiibonjour.com