Hi,
I am facing a strange issue, the little arrows on the main menu (the ones used for expanding subcategories) – i think class=”sf-sub-indicator” – are not shown on Internet Explorer (any version).
URL for testing: http://www.ministryofrun.com
One more thing, on IE8, the fonts on the menu are extremely large and they don’t fit in one line. Can this be fixed?
Screenshot from IE8 (you can see that no arrows also are rendered also):
any advice? thanks
Hi,
I have noticed that the <span> tag which contains the sub menu indicator is missing for some reason it’s not pulled from the code. We will continue to investigate this, try to disable some plugins and check to see if this is still there, you can check the newspaper demo they are working fine on IE8: http://screencast.com/t/W2uhhGNwaWu so in your case this my be due to a plugins since the demo it’s working.
Try to deactivate plugins one by one and see what happens.
Regarding the font use the ie8 class to select the header menu items and set a smaller font size so that the menu items fit in one line.
Hope this helps!
Thanks
Hi Lucian,
Thanks for the reply. I also cannot understand why this happens on my site. Will try to investigate by switching plug-ins on/off and let you know.
> Meanwhile, could you plz advise where to find the ie8 class to edit the font-size?
best
Hi,
The ie8 class is added to the <html>tag of your site when IE8 browser it’s used so you can use that class to style your site when viewed using IE8 browser you can add in your Theme panel > Custom CSS an css that sets a smaller font-size for the menu-item.
Try this css then check your site using the IE8 to check if your menu it’s still in 2 lines.
.ie8 .sf-menu > li > a {
font-size: 15px;
} Hope this works!
Thanks
hi,
the above alone didn’t work, but this did:
.ie8 .sf-menu > li > a {
font-size: 14px;
overflow: hidden;
width: 170px;
white-space: nowrap;
}
best
Hi,
I have tested this on an IE8 emulator and it was enough just to lower the font-size for you menu items like that and the last menu item aligned back next to other after that.
Glad you solved it.
Thanks for the message
