hamburger menu icon size and padding – Dadaism theme

• 

  marketingspecialistsnz · Member · Apr 5, 2025 at 7:56 am

  • Copy link
  • Add topic to favorites

  Hi, I’ve recently created a site using a theme (Dadaist). The default hamburger menu item is too small for me, and the default mobile menu, aligned right, has no padding between the text and the edge of the screen. Please view the site to see what I mean.
  If I use the editor I have the option to change the font size for the menu which increases the hamburger icon size but also all of the menu text, including in desktop view. Terrible.
  I have tried going to Appearance > Editor > Styles (at which stage the only option is to select from a list of Blocks) > Navigation and >Submenu (in desperation) and adding the following code to the Advanced>ADDITIONAL CSS box. No change.
  

  .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
  height: 64px;
  width: 64px;
  }
  .wp-block-navigation__responsive-close { padding: 20px }

  What am I missing? I can’t access a general CSS editing option.
  
  Many thanks!

  
  

  The blog I need help with is: (visible only to logged in users)

• 

  marketingspecialistsnz · Member · Apr 6, 2025 at 3:01 am

  • Copy link

  Argh. It’s because I’m on a personal plan. What a bummer to have the hamburger menu designed 1) so small and 2) with zero padding for the drop down menu when it’s right aligned.