remove grey background after selecting category in menu (mobile)

remove grey background after selecting category in menu (mobile)

ads18922
Pathfinder
150 0 44

hello, this is hard to explain but when i am viewing my store on mobile and i click a category on my menus, it takes me to that category (For example i will open the menus on the left hand side, and click 'March Sale' and it will take me to the March sale page showing all the products on sale). If i then decide i want to look at the other categories, i will open the left menus again, but here's the problem: because i last opened 'March Sale', it shows a grey box over the 'March Sale' but it looks really ugly. I want to remove this feature, is there any coding i can apply which will change it? After inspecting the page i have found the problem: --color-foreground: 18, 18, 18; . When i unclick this feature the grey box goes away, this may be useful for coding. I will attach a photo so you can understand me better:

IMG_0814.jpg

this is what i mean by the grey box

Screenshot 2025-03-13 at 11.16.01.png

this is the problem, when i unclicked that box, the grey box went away.

 

my theme is dawn, website url

Replies 3 (3)

Rahul_dhiman
Shopify Partner
776 149 160

Hello @ads18922 
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> ocmponent-menu-drawer.css
add this code at the end of the file and save.

.menu-drawer__menu-item:hover, {
background-color: #fafafa !important;
}

result
27.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

ads18922
Pathfinder
150 0 44

that's not what i'm after, please read my post again

Zoeyharp
Tourist
10 0 1

Hi Ads18922,

 

Kindly provide your website URL for proper check out.

 

Best regards.