Help Needed: Creating a Dropdown Menu in Shopify Footer

Store Design
, , , , ,
1

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
IMG_6297.png828×348 46.8 KB

2

Hi, please refer to this.

How to Add an Accordion to Your Shopify Footer

3

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

4

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

Feel free to reach out if any questions.

5

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

1 Like
6

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

Mehdi.ziyar7@gmail.com