Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
This is an 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!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
This is an 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!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024