Viewing 10 replies - 1 through 10 (of 10 total)
  • Link to site?

    Thread Starter FluffyCake

    (@fluffycake)

    Don’t know the plugin, but it looks like you miscoded the 2nd menuitem as it cannot locate the icon.

    Home code generated is:
    <i class="fa-home fa"></i>

    Thread Starter FluffyCake

    (@fluffycake)

    the plugin is Font Awesome 4 Menus

    the font icons are added in the menu as a css-class like: fa-share-alt-square. No html styling needed
    with other themes it is in place so i have no clue ??

    So what is the css-class for the 2nd menuitem? Maybe you mistyped it?

    Just as an experiment, try switching the 2nd/4th menuitem class and see if the missing icon moves to #4 amd #2 works

    Thread Starter FluffyCake

    (@fluffycake)

    ja ok, i switched the subitems and added a second submenu. once a subitem is created the main icon is out of place as you can see

    Thread Starter FluffyCake

    (@fluffycake)

    li id="menu-item-20" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-20">
    
        <a href="https://www.gollnow-bau.de/">
            <i class="fa-home fa"></i>
            <span class="fontawesome-text"></span>
        </a>
    
    </li>

    ok here are the differents at runtime

    <li id="menu-item-78" class="fa-share-alt-square menu-item menu-item-type-post_type menu-…tem-object-page menu-item-has-children dropdown menu-item-78">
    
        <a href="https://www.gollnow-bau.de/dienstleistungen"></a>
        <ul class="dropdown-menu">
            <li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79"></li>
            <li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"></li>
        </ul>
    
    </li>

    seems for me that the fontawesome attribute at beginning of the class definition
    class="fa-share-alt-square menu-item
    sets the menuitem out of place

    I can see the code using Firebug. Those 2 missing icons are included in the css file that comes with FA4M.

    Either:
    a) Might be a plugin clash, prove by disabling all plugins (except FA4M) and see if it works. Then Activate one-by-one to find the culprit

    b) Try the Support Forum for FA4M.

    I don’t think it’s a Czr issue.

    Thread Starter FluffyCake

    (@fluffycake)

    no it’s not a plugin issue the disply issue still persists
    pretty weird some themes are working like a charme other do not.

    Thread Starter FluffyCake

    (@fluffycake)

    I added the font styling in front of the item name
    <i class="fa fa-home"></i>Home
    and not as css class and at least i forgot the leading

      fa

    It’s working fine now

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘nav item with font awesome icon out of place’ is closed to new replies.