Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Astra theme fix for unwanted border style and outline on mobile submenu toggle
/**
* 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

This comment has been minimized.

Copy link
Owner Author

@marklchaves marklchaves commented Jul 23, 2021

Screen capture

astra-unwanted-border-monbile

@Salvatium

This comment has been minimized.

Copy link

@Salvatium Salvatium commented Jul 23, 2021

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

@marklchaves

This comment has been minimized.

Copy link
Owner Author

@marklchaves marklchaves commented Jul 25, 2021

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