Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Can you link to a webpage with the problem?
Sorry I re-added the other three pages to the menu. It displays fine in Firefox and Chrome, but some people who look at it, even on the same version of Internet Explorer see it like I described. With the dropdown menus unable to be clicked on.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In which version of Internet Explorer does the issue occur?
That’s the really strange thing. We tested it on 7 different computers today. 4 were using IE10 – 2 of them displayed without a problem, 2 of them looked as I described above. 2 were using IE 9 – 1 could see it fine, the other not. 1 was using IE8 – it was messed up. There doesn’t seem to be any rhyme or reason to it.
But when I reduce the number of pages showing in the menu, the problem goes away. The menu then displays uniformly in Firefox, Chrome and various version of IE. Any ideas?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Websites don’t automatically work in every browser.
Internet Explorer reads widths differently to Chrome and Firefox.
Unless the website has been coded for particular versions of IE, don’t be surprised if you find problems.
I’ll have a look now.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I found the issue in IE 7.0 and the solution.
Do you have a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?
Yes, in the Theme Options, there is a box you can put in Custom Css
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
In that, enter this;
#navi {
*clear: left;
*width: 100%;
*float: none;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
That should solve your 2 line problem, but looks like there are other issues when you hover on the menu.
YES it did. Thank you so much!!!!! I see what you’re saying about the menu still having issues though. Any ideas on that?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
This should resolve the issue of the sub-sub menu being too far to the right;
#nav li ul ul {
*margin-left: 0;
*left: 12em;
}
Thank you so so so so much!!!! I have been messing with this all day long. I greatly appreciate your help. Seems to be working now!!!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
And this should clear up any other issues;
#nav li ul {
*top: 40px;
}
Thank you! Everybody is reporting it looks good now. I greatly appreciate your help!