Site logo

Archived topic

Arrows on submenu nav items "offset" in Firefox

3 replies · Started by Wilk on September 22, 2017

Viewing posts 1–4 of 4

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 :-)

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;
}

Perfect, that fixed it.
Thank you so much!

You're welcome :)

This archived topic is closed to new replies.