Skip to content

Instantly share code, notes, and snippets.

@netmagik

netmagik/Hamburger responsive menu icon with text Menu

Last active December 26, 2020 15:13
Show Gist options
  • Save netmagik/9521cbf08e40522986a9 to your computer and use it in GitHub Desktop.
Save netmagik/9521cbf08e40522986a9 to your computer and use it in GitHub Desktop.
Download ZIP
How to add text Menu next to Hamburger responsive menu icon
Raw
Hamburger responsive menu icon with text Menu
.responsive-menu-icon::before {
content: "\f333";
font: normal 20px/1 'dashicons';
margin: 0 auto;
text-align: center;
}
.responsive-menu-icon::after {
content: "Menu";
font-style: normal;
text-transform: uppercase;
font-size: 1.3em;
padding-left: 10px;
position: relative;
top:-13px;
}
@aazibgilanidmt
Copy link

is there a way to link this content: "Menu" to another page (external)?

@netmagik
Copy link
Author

@aazibgilanidmt - You can wrap the whole thing in a link to another page (external)

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