Archived topic
Arrows on submenu nav items "offset" in Firefox
3 replies · Started by Wilk on September 22, 2017
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 :)