Help - Collapsed footer menu on Crave theme

Topic summary

A user is experiencing issues with an excessively long footer on mobile devices while using the Crave theme. They want to implement a collapsible footer menu to reduce its height.

Current Situation:

  • The footer displays as a long, expanded list on mobile
  • User provided before/after mockup images showing desired collapsed state

Attempted Solution:

  • Another user suggested adding custom JavaScript code to the theme.liquid file (before the </body> tag)
  • The code was intended to create a toggle/collapse functionality

Current Status:

  • Implementation unsuccessful - the collapse button appears but doesn’t function when clicked
  • The helper has requested a link to the actual site to troubleshoot further

The discussion remains ongoing with debugging in progress to identify why the collapse functionality isn’t working as intended.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hello everyone, I’m new. I’m having problems with my footer. It’s too long and I want it to be ccollapse on mobile devices. I am using the Crave theme. Here is an illustration of the current version and the version I want to reduce. please help me. Thanks a lot!

2 Likes

Hi @MichaelNguyen_1

You can try to add this code to theme.liquid file before tag


    

When I paste it, it looks like this. When I click the collapse button, the menu doesn’t collapse. Did I do something wrong somewhere? Please guide me

1 Like

Could you share the link to your product?