Archived topic

Hamburger menu icon will not increase in size

3 replies · Started by CRAIG on July 31, 2021

Viewing posts 1–4 of 4

July 31, 2021 at 11:09 am #1878682

Hi folks,

I have tried increasing the font size from within customiser > primary navigation > typography > mobile

Changing the font size does affect the menu items but it seems to have absolutely no effect on the hamburger icon

I want to make the menu icon significantly larger than it currently is, and bolder as well

Could you give me any pointers?

July 31, 2021 at 1:14 pm #1878773

Hi there,

Try this CSS:

.main-navigation .menu-toggle, .main-navigation .menu-toggle:active, .main-navigation .menu-toggle:hover {
    font-size: 25px;
}

Let me know if this helps :)

August 1, 2021 at 3:36 am #1879084

Perfect thanks a lot

August 1, 2021 at 9:28 am #1879575

No problem :)

This archived topic is closed to new replies.