For a recent project, my client’s menu is a list where each item has a drop down.
Divi doesn’t deal very well with the last menu item having a drop down as this will make the drop down menu go off screen to the right.
To get it fixed, you will need to add a CSS class to your last menu item and then add the CSS snippet below to your stylesheet.
I’ve given it a CSS class of “drop-menu” but you can call it whatever you want really as long as it isn’t already an existing CSS class.
To your stylesheet add the code below and this will fix your issue!
/*Shows last menu item drop down within the page*/
.drop-menu ul {
right: 0px !important;
}
Was this article helpful?
YesNo
I had to do slightly different code to get it to work:
/*Shows last menu item drop down within the page*/
.drop-menu ul {
right: 0px !important;
left: inherit !important;
}
This code doesn’t work for me but changing the CSS selector a little worked
well THAT was easy. Ive been looking through code for a half hour trying to find last child info or anything that would target the last menu item. This worked in 2 steps. thank you.
Thank you, Catarina Bras. It works great.
Thanks for this…worked great!
You are welcome
Thanks, this worked a treat!
Thanks !
I was exactly searching for that !
Thanks – worked a treat!
X