GeneratePress

Change the size of the hamburger icon

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

Use this CSS to change the size of the hamburger icon and text. Adjust font size as required.

/* Icon and text */
.menu-toggle {
font-size: 40px;
}

Use this CSS to change the size of the hamburger icon only. Adjust font size as required.

/* Icon only */
.menu-toggle::before {
font-size: 40px;
vertical-align: middle;
}

Leave a Comment

Your email address will not be published. Required fields are marked *