I’ve added an down arrow icon in menu to indicate there is sub menus. I’ve added the icon code to the menu item name under Appearance | Menu.
The problem in Internet explorer is when i align the icon right the whole sub menu gets pushed down. Everything looks ok in Chrome and Firefox. If i set the position to left the menu looks fine.
The code i inserted in the menu context name is
[av_font_icon icon='ue877' font='entypo-fontello' style='' caption='' link='' linktarget='' size='14px' position='right' color=''][/av_font_icon].
Hey mathiasbjoerck!
I tried viewing your link but I’m getting a 500 internal server error. Go ahead and contact your hosting provider if your not sure where it’s coming from.
Regards,
Elliott
Yes there are some times temporary problem with the server. If it happens try to refresh the page and it should work. Could you please have a look at it again?
Hi!
Try this on Quick CSS:
.avia-msie .menu-item .avia-icon-pos-right {
float: none;
margin-left: 0.5em;
bottom: 88px;
position: relative;
right: -66%;
}
.avia-msie .header-scrolled .menu-item .avia-icon-pos-right {
bottom: 44px;;
}
Regards,
Ismael
Yes that worked but the menu looks a bit off. The menu item with the icon gets to close to the next menu item.
Is that possible to tweak or do i have to live with that the IE users get an askew menu?
Btw great support!
/Mathias
Hi!
Try adding this.
.avia-msie #menu-item-search {
padding-left: 20px !important;
}
Cheers!
Elliott
Yes, that improves the look.
Thank you for the help!