how to remove the highlighted background for collapsible row on (MOBILE)

Store Design
, , , , , , , , , , , , , , ,

Topic summary

A user is trying to remove a brief highlighted background that appears when tapping collapsible rows on mobile devices. They provided store credentials and a screenshot showing the issue.

Proposed Solution:
Another user suggested adding custom CSS targeting .menu-drawer__menu-item--active and related hover states, setting background-color: none!important. They provided two implementation methods:

  • Adding code via Theme Settings → Custom CSS
  • Directly editing base.css in the theme code

Current Status:
The CSS solution did not resolve the issue. The original poster suspects it may be a theme glitch, noting that multiple CSS fixes from the community have recently failed to work for them.

Unresolved: The discussion remains open with no working solution identified.

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

I’m looking to remove the highlighted background when you press on the collapsible rows on mobile.

(it shows up for a split second)

url knmb1c-pf.myshopify.com

password samurai

Example on mobile:

IMG_9508.jpeg
IMG_9508.jpeg1288×701 29.9 KB

2

** @undercoverfresh Try this solution it will solve your issue**
How to Add This to Shopify Dawn Theme:

  1. Go to Shopify Admin → Online Store → Themes.
  2. Click “Customize” on your Dawn theme.
  3. In the theme editor, go to “Theme settings” (bottom left).
  4. Scroll down and click “Custom CSS”.
  5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

  1. Go to “Online Store” → “Themes”.
  2. Click “Actions” → “Edit code”.
  3. Open base.css inside the assets folder.
  4. Paste the CSS at the bottom and Save.
.menu-drawer__menu-item--active:hover {
      background-color: none!important;
}
.menu-drawer__menu-item--active, .menu-drawer__menu-item:focus, .menu-drawer__close-button:focus, .menu-drawer__menu-item:hover, .menu-drawer__close-button:hover
{
  background-color: none!important;
}
1 Like
3

Code didn’t work. I’m suspecting that it’s probably a glitch. codes haven’t been working lately at least for me none of the code people been given me haven’t been working lately