Menu submenu dropdown background dimensions
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.
-
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,
Sandra0 -
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 -
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,
Sandra0 -
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 -
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 -
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,
Sandra0
Please sign in to leave a comment.
Comments
6 comments