Solved

Help Needed: Creating a Dropdown Menu in Shopify Footer

xaffine
New Member
19 0 0

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

IMG_6297.png

Accepted Solution (1)

Sonya_2025
Shopify Partner
171 23 34

This is an accepted solution.

Hi, please refer to this.

How to Add an Accordion to Your Shopify Footer

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME

View solution in original post

Replies 4 (4)

Sonya_2025
Shopify Partner
171 23 34

This is an accepted solution.

Hi, please refer to this.

How to Add an Accordion to Your Shopify Footer

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
xaffine
New Member
19 0 0
Hi,
Thank you so much! I appreciate your help! This is for Dawn theme I use
Studio theme.
Sonya_2025
Shopify Partner
171 23 34

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

Feel free to reach out if any questions.

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out. EMAIL ME  
Motivate me by  PAY ME
xaffine
New Member
19 0 0
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