How to make the footer menu not collapsible

Store Design

Topic summary

A user seeks to customize their mobile footer menu with four specific modifications:

Requested changes:

  • Disable the collapsible functionality to keep the menu permanently open
  • Remove the menu title text
  • Remove the plus/expand button icon
  • Remove divider lines between menu items, keeping only one divider above the store logo

Screenshots show the current mobile footer layout with collapsible menus and multiple dividers.

Solution provided:
Another user offers a CSS-based fix involving:

  1. Navigating to Online Store → Theme → Edit code
  2. Opening the theme.liquid file
  3. Adding custom CSS code before the </head> tag

The discussion appears resolved with a technical solution, though the actual CSS code content is not visible in the provided text.

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

I would like to modify my footer menu only for mobile version, pls see below:

  1. disable collapsible for the footer menu, keep it open

  2. remove the menu title

  3. also remove the plus button next to the menu title

  4. remove the divider line between menu, only keep one divider above the store logo

螢幕擷取畫面 2025-06-05 174021.jpg
螢幕擷取畫面 2025-06-05 174021.jpg469×553 17.3 KB

My Store:

螢幕擷取畫面 2025-06-05 175437.png

Any help would be appreciated, Thankyou

2

Hi @Cherrysm2 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Thanks!