Help Needed: Creating a Dropdown Menu in Shopify Footer

[xaffine]

Hi everyone,

I'm trying to add a dropdown menu to my footer navigation on Shopify. I've looked through the theme options but haven't found a built-in way to achieve this. I use Studio theme.

Can anyone advise on the best approach for creating a dropdown menu in the footer?

Specifically, I'd love some guidance on:

• Code: What code snippet should I use to create the dropdown functionality?
• File Placement: Where exactly should I paste the code within the theme files? (e.g., footer.liquid file?)

Any advice or pointers would be greatly appreciated! Below I’ve attached a sample picture.

Thanks in advance,

Ruhullah Rizvi

[Sonya_2025 · Accepted solution]

Hi, please refer to this.

How to Add an Accordion to Your Shopify Footer

[xaffine]

Hi,
Thank you so much! I appreciate your help! This is for Dawn theme I use
Studio theme.

[Sonya_2025]

Yes, Have a try. it maybe work on your theme too.

Feel free to reach out if any questions.

[xaffine]

Hi,
Good Morning! Thank you so much for your reply I really appretiate it! I
tried inserting the code. I pasted the first 2 codes in footer.liquid right
below every code I pasted the first code under the second code. What is the
second step please? where should I enter HTML code exactly? and where
should I get the HTML code from?
The step 3 says:
Implementation in HTML

Ensure your HTML structure includes the necessary elements for the
accordion, such as .grid, .footer-block, .footer-block__heading, and
.footer-block__details-content. Customize these elements based on your
website’s specific structure.
Thank you so much.

Regards,

Ruhullah Rizvi

[Mehdi77]

 Send me a message so I can design a menu for you.

Mehdi.ziyar7@gmail.com