Hamburger Menu Icon Customisation

  • When adding a navigation block to the header and then turning it into a menu “hamburger” or?“overlay” menu? in the site editor. Is it possible to change the SVG image itself? So the css i have applied to it is

    button.wp-block-navigation__responsive-container-open svg {

    width: 50px;

    height: 50px;

    }

    but when trying to change the width to 80px for example it just seems to effect the padding or margin and the icon wants to stay 1:1 scale.

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You only wish to change the icon size, not the image itself?
    Where did you apply that CSS? I added that to my site’s Additional CSS section of the customizer (or block theme style book) and it works as expected.

Viewing 1 replies (of 1 total)
  • The topic ‘Hamburger Menu Icon Customisation’ is closed to new replies.

Tags