How to Fix Divi Submenu From Extending Off The Page

Posted on February 17, 2016
divi_theme

Divi is a great theme for building your WordPress website but one little issue can drive you up a wall!

You just finished up your Divi WordPress website ant it’s looking pretty sweet. Time to give it the ole’ once over before you go live. Hmmm, something seems amiss. There is a horizontal scroll bar showing up for some reason. You do a quick check with the developer tools and everything seems to be fitting on the page. So what is that extra space off to the right? More importantly…HOW CAN I FIX IT!?!

Relax…I’ve got your covered. The issue is a hidden sub-menu that is overflowing the page container. If you click on your last navigation item in the main header, you will see the sub-menu flyout and overflow to the right. It’s a quick fix and one that many would argue should be in the pre-packaged code for the Divi Theme. All we have to do is re-position that last sub-menu flyout. Check out the code below:

If you’d like to move the menu even further away from the edge you can adjust the value of “right”.

Simple enough and now you can move on with publishing your site and enjoying all of the compliments on how awesome it looks!


2 thoughts on “How to Fix Divi Submenu From Extending Off The Page

Md Akter Hosen says:

Looking for this code long time. Chears!

Clyde says:

Thank you so much!

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Ready to Get Started? Call 203.516.0359