Shopify themes, liquid, logos, and UX
Hello the Shopify community!
I have a problem displaying megamenus on my mobile version of my Shopify site: https://academie-royale.myshopify.com/
On the desktop, the display is perfect. However, on mobile, we want each menu to depend on the top drop-down menu. In addition, we would like that when clicking on the name of a menu item, the drop-down would open and not be redirected to a link (only on mobile).
Please feel free to tell me if you need more items or back office access
Thank you in advance to help me,
Best regards,
Max COSTA
i have just confirm on mobile on click open dropdown no redirect page right?
Yes exactly
thanks for confirm can you please try this code its work
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.
.mobile-menu__first-level .close-dropdown, .mobile-menu__first-level .close-sub-dropdown {
height: 100%;
}
hi @KetanKumar thank you for your reply
i added you code in the style.css feed but it doesn't works 😕
sorry i can't code
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