Skip to content

Instantly share code, notes, and snippets.

@marklchaves

marklchaves/astra-fix-unwanted-border-outline.css

Created July 23, 2021 22:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marklchaves/c937334ae4866fc54b6ed7084653bd0f to your computer and use it in GitHub Desktop.
Save marklchaves/c937334ae4866fc54b6ed7084653bd0f to your computer and use it in GitHub Desktop.
Download ZIP
Astra theme fix for unwanted border style and outline on mobile submenu toggle
Raw
astra-fix-unwanted-border-outline.css
/**
* Add this custom CSS to remove the unwanted border
* (large dots) and thin outline on focus. See screengrab
* in the gist comments section.
*
* https://marklchaves.medium.com/adding-custom-css-to-your-wordpress-website-how-to-guide-a50b474af36d
*/
.ast-menu-toggle {
border-style: none; /* Add !important if needed. */
}
.ast-menu-toggle:focus {
outline: none; /* Add !important if needed. */
}
@marklchaves
Copy link
Author

Screen capture

astra-unwanted-border-monbile

@Salvatium
Copy link

Awesome, Mark! Super! It worked like a breeze.

@marklchaves
Copy link
Author

Hi @Salvatium,

Congrats. Glad it's working now :-)

Cheers!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment