[Resolved] Change Size of Hamburger Menu Icon on Desktop

[Vincent]

Hi, how can I change the size of the hamburger menu icon on desktop and tablet? I tried the code below but it only changes the size of the hamburger menu on mobile.

@media (max-width: 768px) {
    .menu-toggle, .main-navigation .mobile-bar-items a {
        font-size: 20px;
    }
}

[Vincent]

Solution was to use this code:

.slideout-toggle a ,.menu-toggle  {
	font-size: 4em !important;
	padding-top: 1.2em !important;
}

[Leo]

Glad you’ve figured out 🙂

[Author]

Posts