Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hey.
Is there any way that I could make my dropdown menu on mobile slide in vertically? Basically as shown in the screenshot. The width would be similar as well, and sliding in from the left side of the screen. I think it would look much better that way.
Thanks in advance!
URL: jasaoslaj.com
I don't recommend doing both animations.
That being said your solution would be mix of javascript and CSS
Sliding down:
In javascript you toggle active class instead of show/hide (display:none/display:block) styling
then on css you do the following:
and that's it
For left to right sliding:
same for the javascript active class toggle, css should be as follows:
Hope this helps
No, down is how its at right now, so im not doing both animations or anything.
I just wanna make it from going down as it is right now, to opening up vertically from the left side
currently it's fading in, in my answer i shared both solutions, sliding down or sliding right
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025