Hello
I’m hoping this will be the last help i have to ask ;)
Thank you so much for all your help.
I’d like to adjust my menu.
as you can see on the first picture, very right side of the drop-down menu (I think it’s what called) of the very right topmenu item is trying to extend beyond the browser width. It doesn’t matter how wide I make the browser. I know the text (page title) in what shows up on hover are bit too long but I just cannot change it.
Is there any way to word-wrap? meaning, limit the width of dropdown menu on mouse hover on top menu?
Also, as you can see from the 2nd picture, there are tons of space at the right side of drop down menu text. Can I have equal padding to the right and left of the text??
Thank you very much!
Hey summersalad!
Thank you for using Enfold.
Since we need to target the specific menu item on the page, we will need to see the actual website. I went to http://kasahara.ch but it is currently on maintenance mode. Please post the login details here. Set it as a private reply.
Best regards,
Ismael
Hey!
Try adding this to your custom CSS.
.av-main-nav > li:last-child > .sub-menu {
left: auto !important;
right: -20px !important;
}
Best regards,
Elliott
Hi Elliott
Thank you so much for a great support as always…
For some reason, this one didn’t work. I have no idea!
I’d be very appreciative if you could take look at it again
cheers
Hey!
You had some typos. It should be working now.
Cheers!
Elliott