HOW DO I MAKE THIS GRAY OVERLAY GO AWAY WHEN I CLICK THE DROPDOWN MENU? Spotlight Theme

Shopify Discussion
1

Like title says, I’m trying to get rid of this gray overlay, when i tried to remove it it made the icons on the right white, does anyone have a solution to just get the gray box gone and but have a black box behind dropdown menu text as well? thank you in advance password to store is: 2VEESED

ezgif.com-video-to-gif (1).gif

2

Hi @Danniiell

Your store link please

3

https://www.veese.shop

4

Hi @Danniiell ,

To make the gray background transparant, please follow below step:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code just above tag

Result:

makkaomakka_0-1699940132701.png
makkaomakka_0-1699940132701.png748×887 252 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

5

Please add this code at the bottom of your base.css file

.header__icon, .header__icon--cart .icon { height: unset !important; }
.header__icon--menu[aria-expanded=true]:before { background: unset !important; }
.no-js details[open]>.menu-drawer, .js details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {
background: #000 !important;
}
6

THANK YOU SO MUCH! next is how do I make a black box border appear behind the dropdown menu text only covering the drop down menu portion? please help

7

Hi @Danniiell ,

It looks like you have already fixed the requested change. If this issue has been fixed a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!