Want to keep the footer section of my website in accordion style in mobile mode ( Boost Theme )

Store Design
, , , , , , ,

Topic summary

A user seeks help implementing an accordion-style footer for mobile devices on their Shopify store using the Boost theme. They provided store credentials and a reference image showing the desired accordion layout.

Current Status:

  • Store URL and password shared for access
  • Visual example provided showing expandable footer sections

Solution Offered:

  • Another user provided HTML/JavaScript code snippet for creating accordion functionality
  • Code includes collapsible sections for “About Us” and “Customer Service” with toggle buttons

Outstanding Question:

  • Original poster asked for clarification on where to paste the provided code within their theme files
  • Discussion remains open, awaiting implementation guidance
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello Everyone!

I want to keep the footer section of my website in accordion style in mobile mode. Please help me. Thank you.

Store: https://urbanglowingstore.myshopify.com/

Password: Admin

I want to keep it like the image below.

Preview-Barista-Theme-Cornerstone-Ecommerce-Website-Template-03-10-2025_05_32_PM.png
Preview-Barista-Theme-Cornerstone-Ecommerce-Website-Template-03-10-2025_05_32_PM.png502Ă—345 8.88 KB

2

Hi,

Hope this will help

Add Accordion Code to Footer

Code example


  
About Us

  
    

We offer the best glowing products for you!

  

  
Customer Service

  
    

Shipping, returns, and more.
1 Like
3

Where do I paste this code?