webifish
Member
Posted 7 months ago #
some strange float problem when adding a question mark to one of the main nav items (class="nav-menu"), when doing that it breaks the height of the line and the items become to high and breaks the nav line example here - atwild.com
I have tried with other characters but seems to work fine : )
Amit
natedriver
Member
Posted 7 months ago #
when I translate the page the nav comes out right - seems something is lost in the translation code.
webifish
Member
Posted 7 months ago #
Hi,
What do you mean translate ? I don't think I have installed WPML or qTranslate on that domain,
Thanks,
Amit
natedriver
Member
Posted 7 months ago #
sorry - translate w/ google chrome.
webifish
Member
Posted 7 months ago #
ah ok
Still normal nav is broken if you don't translate right ?
natedriver
Member
Posted 7 months ago #
mindctrl
Member
Posted 7 months ago #
I don't see what you're talking about.
Screen shot
natedriver
Member
Posted 7 months ago #
weird b/c this is what i'm seeing
Screen shot
mindctrl
Member
Posted 7 months ago #
Which browser are you using? I tested in Firefox and Safari and it worked fine here in both.
natedriver
Member
Posted 7 months ago #
mindctrl
Member
Posted 7 months ago #
I see what you see in Chrome. That's weird. Removing the space before the ? fixes it in Chrome. That could be a temp workaround. I'd say that's some sort of bug in Chrome.
That's a weird one! I can repeat it with any single character after a space, like Home A but not Home AB.
Worth a Trac ticket, for sure. I can't find the issue with a quick debug.
mindctrl
Member
Posted 7 months ago #
Changing this:
.main-navigation li a, .main-navigation li
from display: inline-block to display: inline fixes it, but I didn't test it to see if there are unintended consequences.
https://core.trac.wordpress.org/ticket/22088 for you :)
It's still a problem today, so I made that change into patch (credit mindctrl!)
natedriver
Member
Posted 7 months ago #
looks like the same info is posted on the fix:
Changing this:
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
to this
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
fixes it (credit mindctrl)
The patch was right ;) But it breaks submenus so ... we fixed the desc
webifish
Member
Posted 7 months ago #
I have just looked at that again and that's a real weird one!
the <li class="page_item page-item-[number]"> some text ?Seems to be just fine.I mean just a normal NAV with list items as you do.
I wonder if there was anything else changed for the NAV compared to 2011 for example (will look at that briefly).
Anyway any chance that's some kind of a Chrome bug ? inline-block does seems to create that problem, but couldn't find any reference as to a known issue with that.
Keep digging : )
Amit
mindctrl
Member
Posted 7 months ago #
Can you guys test this one?
.main-navigation li a,
.main-navigation li {
display: inline;
text-decoration: none;
}
.main-navigation ul.sub-menu li {
display: list-item;
}
mindctrl
Member
Posted 7 months ago #
Scratch that previous comment. It breaks in other browsers.
Can you all try this one and see if you find any oddities with it?
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
white-space: nowrap;
}
It should be fixed now in core.
webifish
Member
Posted 7 months ago #
Yes that one seems to work!
Hi all, this is fixed now in the core WP trunk repository, see http://core.trac.wordpress.org/changeset/22296
It'll be in the next main Extend theme release (not sure exactly when, probably mid-November).
wallie007
Member
Posted 6 months ago #
ah, I was looking for exact this problem, Seems to be time to upgrade my installation!