How can I create dropdowns for footer menus in mobile view on Dawn theme?

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:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


  1. 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

I tried the code, but they are not clickable. Could you please help ?
Many thanks

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

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!