Site logo

Archived topic

Change Size of Hamburger Menu Icon on Desktop

2 replies · Started by Vincent on July 16, 2019

Viewing posts 1–3 of 3

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;
    }
}

Solution was to use this code:


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

Glad you've figured out :)

This archived topic is closed to new replies.