Make Hamburger menu icon larger

  • I am striking out trying to enlarge the hamburger icon for the navigation menu on my site? When I view the source on my page I can see that there appears to be a fixed size and viewbox set at 24×24. How do I adjust that in this theme? I’m using the Header template part with a site logo.

    I’ve gone into the Navigation Styles & the Button Styles, I’ve adjusted the typography size for the navigation bar, and I’ve even tried putting in additional CSS. Nothing seems to be working.

    Thanks for the help.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi
    You are correct, there is no setting for changing the icon size and you need to add CSS

    I am not sure what you tried, I was able to change the size by using the same selectors that the navigation block use. As long as it is loaded later, it will override the WordPress CSS. Placing it in the Additional CSS field or in a child theme should work.

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg {
    	width: 48px;
    	height: 48px;
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.