Submenu toggles offset in firefox

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)