Customize Mega Menu - slide in effect. Dawn theme

[monomgroup]

Hi!

Is there a way of letting the mega menu smoothly slide in to the screen when clicking on the primary level title? 

 

Website url: www.mism.store

Best,

Team-mism

[BSS-Commerce · Accepted solution]

Hi @monomgroup 

You can follow these steps:

Step 1: At Shopify Admin, Go to Online Store -> Themes -> Edit code.

Step 2: Find and open file base.css (or theme.css)

Step 3: Add this following code at the end of base.css:

div#MegaMenu-Content-1 {
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

div#MegaMenu-Content-2 {
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

div#MegaMenu-Content-3 {
    transform: translateY(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;

If it worked, please mark as a solution. Good luck!