Sub menu width

Jose Gonzalez

• December 11, 2024 12:51

I take it there is no way to adjust the width of a sub menu.

I'm trying to do so with CSS. In the menu settings, under Advanced, there is a Custom CSS area. I've tried entering this: .brz-menu__dropdown {
width: 250% !important;
}

This appears to work fine when I try it out on Firefox, where I am editing the site, but only in the edit - not in the live preview of the website. It also doesn't work on any other browser.

I'm wondering if anyone can suggest either a different snippet of code or a different method.

Thanks
Jose

0

• 

  Ariel H.

  • December 11, 2024 12:59

  Hi Jose,  

  Thank you for reaching out.  

  Could you please share the URL so we can inspect it?

  Best regards,  
  Ariel H. 

  0
• 

  Ariel H.

  • December 11, 2024 13:23

  Hi Jose,

  Thank you for the update.

  Please use the following CSS instead:

  ul.brz-menu__sub-menu {
      width: 250px !important;
  }

  Feel free to adjust the width as needed.

  Best regards,
  Ariel H.

  0
• 

  Jose Gonzalez

  • December 11, 2024 13:25

  Fantastic, thank you!

  0

Please sign in to leave a comment.