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?