Remove gray rectangular outline over menu button

[flammagreg]

Hi guys,

My website: seraneeva.com

How can I remove the gray rectangle after an option is selected in the menu! I would really appreciate any help! Pic for reference.

[ZestardTech]

Hi @flammagreg

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[flammagreg]

My website is seraneeva.com, no password

[PageFly-Amelia]

Hello @flammagreg

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.mobile-nav__item a:not(.standalone-icon--wrapper):active {
   background-color: unset !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[flammagreg]

It didn’t work. Any other suggestions

[PageFly-Amelia]

You can try this code instead

.mobile-nav__item a:active, .mobile-nav__item a:focus {
  background: none !important;
}

[flammagreg]

Thank you!! Do you also know how to get rid of the gray rectangle when “add to shopping cart” is clicked? Pic for reference:

[PageFly-Amelia]

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.btn:before {
   background-color: unset !important;
}

[flammagreg]

It works but all black buttons now can’t be seen. Any other suggestions?

[PageFly-Amelia]

You can try this code instead

.product--add-to-cart-button:before {
   background-color: unset !important;
}