Hi, I just started building my site and I’m loving how simple it is to interact with all the windows and panels I need.
Probelm is, I’m not an expert when it comes to programming, and, since I have a lot of collections, I really need help for setting up a triple column dropdown menu or, if not possible, at least being able to scroll down the single column dropdown menu. I’m using Dawn theme. I’ll leave link and password for my site. Thanks in advance to anyone who can solve my problem:)
www.Rikitoys.co pass: shopify
Hello @RikiToys ,
You can create your menu and enable megamenu from in Draw theme.
You can enable Megamenu by follow these steps:
- Go to Online Store->Theme->Customize
- Pick Header → Desktop menu type → Chose Megamenu
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
1 Like
Hi @RikiToys ,
In order to make a triple dropdown menu, you need to add the below CSS code at the bottom of the theme.liquid file just before the closing body tag () in the theme code editor.
ul.mega-menu__list.page-width.mega-menu__list--condensed {
element.style {: ;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}: ;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.header--top-center .mega-menu__list>li {
width: 32%;
padding-right: 2.4rem;
}
Copy
After you have successfully added the code, the menus in your store will be displayed as shown in image below.
Let us know if you need more help with this.
Regards,
Cedcommerce.
1 Like
