I created three different menus and included them in my footer “dawn theme”,
they look good in desktop view, but when it comes to mobile view they are too long,
I need to create a dropdown for each menu.
website: www.mariamsatour.com
password: hellosatour
Hello @mariamsatour ,
It’s GemPages support team and glad to support you today.
I would like to give you the recommendation to support you so kindly follow the steps below:
Go to Online Store > Theme > Edit code of your current theme
Open your theme.liquid theme file
Paste the below code before
Paste the below code before
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you, I tried this it made the menus shorter but not clickable, I wanted them as three dropdown menus on top of each other “attached a picture of how they look like now”
Hello @mariamsatour ,
I updated my code. You could please try it
Paste the below code before
Paste the below code before
Best regards,
GemPages Support Team
2 Likes
Worked perfectly! thank you!!
I am glad that my solution is helpful to you.
Best regards,
GemPages Support Team
Hello @GemPages I also used your code in dawn theme. Its works great but the image/logo of the company when I see it on the mobile its gone. I changed the size of the logo, and it don´t appear on mobile. Do you have the same problem? You know how to solved it?
On mobile it look like this:
please can you help me.
Regards from Chile.
@GemPages i tried the code ,but they are not clickable ,can you please help
even this code is not clickable, but the dropdown symbol is showing for me
DER
December 15, 2023, 3:58pm
10
I tried the code, but they are not clickable. Could you please help ?
Many thanks
DER
December 15, 2023, 6:06pm
11
You must add defer to the Script tag
Hi @GemPages , I am having the same issue as @MArcela_chile
The code works and functions great but my logo disappeared. Is there any solution for that? My website is www.foreverlycreative.com
jiyu
April 24, 2024, 8:39pm
13
Hi did it work for you after adding “defer” to the script tag?
Hi @GemPages
I’m using the Symmetry 2.0 Theme. I tried adding your code but it didn’t work, no changes.
Can you suggest code for a Shopify 2.0 theme?
Thank you in advance for any help you can provide!