[Resolved] Arrows on submenu nav items "offset" in Firefox

[Wilk]

When using this CSS:
.main-navigation ul ul {
width: auto;
white-space: nowrap;
}

With the white-space: nowrap in play, the arrows on the secondary nav menus get “offset” in Firefox. Doesn’t happen in Chrome or Safari.

Example w/ screencaps: https://oneofmydomains.com/

I don’t think it’s a GP issue per se, but my css is weak and I’m hoping someone here may have run across it and know an easy fix 🙂

[Tom]

Hi there,

Weird – can you give this a try?:

.main-navigation ul ul {
    width: auto;
    white-space: nowrap;
}

.sub-menu .dropdown-menu-toggle {
    position: absolute;
    right: 0;
}

[Wilk]

Perfect, that fixed it.
Thank you so much!

[Tom]

You’re welcome 🙂

[Author]

Posts