Solved with this:
.sub-menu .dropdown-menu-toggle {
position: absolute;
right: 0;
}
Huge thanks to Tom @ GeneratePress
This is the css I’m using right now: (from here)
.main-navigation ul ul { width: auto; white-space: nowrap; }
The nav menu arrows get ‘offset’ in Firefox when using white-space:nowrap
It may or may not be present at any given time if you’re viewing this, as I try things, so some quick screencaps of the effect I’m seeing:
Firefox, with white-space:nowrap:
Firefox works fine if I remove the white-space:nowrap; but then the nav items stack, which is undesired in this particular case.
Chrome, with white-space:nowrap;
(Safari looks the same/works fine as well)