Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #365874

    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].

    #366189

    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

    #366244

    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?

    #366487

    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

    #366544

    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

    #367703

    Hi!

    Try adding this.

    .avia-msie #menu-item-search {
        padding-left: 20px !important;
    }
    

    Cheers!
    Elliott

    #368183

    Yes, that improves the look.

    Thank you for the help!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problem with icon in menu and internet explorer’ is closed to new replies.