Help Needed: Creating a Dropdown Menu in Shopify Footer

Store Design
, , , , ,

Topic summary

A Shopify store owner using the Studio theme is seeking help to add a dropdown menu to their footer navigation. They’ve checked theme options but found no built-in solution.

Specific needs:

  • Code snippet for dropdown functionality
  • Exact file placement within theme files (e.g., footer.liquid)
  • An attached image shows their desired layout

Current progress:

  • Another user shared a tutorial for adding an accordion footer to the Dawn theme
  • The original poster attempted implementation but encountered confusion about:
    • Where to place the HTML code
    • How to obtain the necessary HTML structure
    • Proper implementation of elements like .grid, .footer-block, and .footer-block__heading

Status: The discussion remains open with partial guidance provided. One user offered direct assistance via email to design a custom menu solution. The main challenge is adapting Dawn theme instructions to work with the Studio theme.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
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