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

[undercoverfresh]

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:

 

[Arif_Shopidevs]

@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;
}

[undercoverfresh]

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