Menu submenu dropdown background dimensions

Charles Crossley

• December 01, 2020 10:19

My website at:

friendshipclub.org.uk

In the footer there is a menu and on the item 'Fun' there is a drop down to a sub-menu 'Jokes'.

Is it possible to change the WIDTH of the dropdown so that the background ON HOVER just covers the word. At the moment it stretches off far too far to the right.

See pic.

Thanks

I've put this as a feature request because at the moment I cannot see that there is a way to achieve this width.

0

• 

  Sandra Prunici

  • December 01, 2020 15:54

  Hi,

  Unfortunately, Brizy doesn't have an option to change the width of the submenu. We will send your feature request to our team. At the moment, you can add the Custom CSS and in this way to set the wanted width for the submenu.
  Thank you!

  Best regards,
  Sandra

  0
• 

  Charles Crossley

  • December 09, 2020 01:34

  Can you tell me which selector I need to be adding css to? Or give me a bit more of a clue how I can make the changes I want to make. Or point me to the correct place in your documentation? Thank you.

  friendshipclub.org.uk

  

  Thank you...

  0
• 

  Sandra Prunici

  • December 09, 2020 17:25

  Hi,

  If you want to change the background colour and corners of the submenu then for this you can't use the Custom CSS. You can customize these details using the Brizy settings. For this, please open the submenu and click on a submenu item. After this, go to the Colors options and change the text, background, border and shadow colour. If you will click on the settings you will be able to change the corners too. See here, I made a video with all these steps.
  Let us know if we can help you with something else.

  Thanks!

  Best regards,
  Sandra

  0
• 

  Charles Crossley

  • December 09, 2020 20:38
  • Edited

  Thank you for the video. I actually had discovered that which is how I made the bg colour and the border radius as they appear in the attached jpg in my message above. What I want to do is change the WIDTH of the dropdown - is is about FIVE times wider than I require. The space between the arrows is what I want to get rid of.

  

  In your first reply you said: "At the moment, you can add the Custom CSS and in this way to set the wanted width for the submenu."

  Does that apply in the Brizy WordPress plugin but not in Brizy Cloud??

  If it is NOT POSSIBLE for me to change the width of the drop down, PLEASE can this be added a FEATURE REQUEST. At the moment I do not like the look of my dropdown menus. They look like they have been poorly and carelessly designed - which is not what I want!!!

  0
• 

  Charles Crossley

  • December 10, 2020 11:41

  Basically the background should wrap around the text in the drop down menu - and if there are multiple drop down elements then the background should wrap around the 'longest' menu text - and NOT expand out and leave a huge background with no text.

  0
• 

  Sandra Prunici

  • December 10, 2020 15:06

  Hi,

  Yes, I'm sorry but as I said before at the moment isn't possible to change the width of the submenu items. They have a predefined width and you can try to change it using the Custom CSS. The Custom CSS you can add in the Brizy WordPress plugin and also in the Brizy Cloud. In both environments is this possibility. In Brizy Cloud this is the class for the dropdown menu and where is set-up the width https://jmp.sh/7mkrdXr. Therefore, you can add this Custom CSS in the Settings -> Custom CSS of the project https://jmp.sh/0zqn51B.
  @media (min-width: 991px){
  .brz .brz-menu__ul .brz-menu__dropdown {
  width: 200px !important;
  }}

  
  We already have added this suggestion in our internal featured request list and it will be investigated by our team.

  Best regards,
  Sandra

  0

Please sign in to leave a comment.