Alignment on PRO header off

[tkcostello]

Is there any way to fix the dropdown alignment here? http://rrwoodside18.wpengine.com/

The last 2 menu options (Reach & Give), the dropdown is not lining up directly under the word (I am sure due to the placement and space), but any ideas to fix or make that happen?

[rad]

Hi @tkcostello,

Thanks for writing in.

If I’m understanding you correctly, you wish to align the sub-menu to the left-most side of the parent menu? It’s done that way to make sure the sub-menu doesn’t appear outside the viewport, imagine if your sub-menu has a wider width, its part will appear outside the page’s scroll-bar. That alignment is automatic, but you can still override it through CSS, example, please add this CSS to your global custom CSS.

.sub-menu.x-dropdown[data-x-stem*="l"] {
    right: auto;
    left: 0;
}

Thanks!