Shopify themes, liquid, logos, and UX
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:
this is what i mean by the grey box
this is the problem, when i unclicked that box, the grey box went away.
my theme is dawn, website url
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
If this was helpful, hit the like button and accept the solution.
Thanks
that's not what i'm after, please read my post again
Hi Ads18922,
Kindly provide your website URL for proper check out.
Best regards.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025