Moving submenus of navigation drop down from right side to left

Try making a child theme and putting the following code inside it, you might also be able to manage this by going to admin panel->appearence->edit, and adding it to the bottom of your style.css page, but making a child theme is the best option:

.menu-main li ul {
visibility: hidden;
width: 200px;
opacity: 0;
margin: 0;
position: absolute;
background: rgb(255,255,255);
background: rgba(255,255,255,0.8);
top: 100%;
left: auto;
right: 0;
z-index: 9999;
box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
}

Hi There,

Thanks for your help! I do have a child theme set up, so no worries there, and I have added the code you have indicated, but the submenu under About>What We Do is still falling off the edge. Not near as much though. Thoughts?

Thanks again!

Try adding the following code:

.menu-main li ul ul {
margin: 0;
top: 0;
left: inherit;
right: 200px;
width: 200px;
}

That did it! That’s exactly what I need! Thank you so much!

glad to help