Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 4, 2016 at 4:24 pm #668634
    sitesme

    Hi,

    I added the code from this link: https://kriesi.at/support/topic/home-icon/

    But I have some problems trying to align the home icon. Please check in private the URL and let me know how can I align the icon with the text in the main menu.

    Thank you.

    August 5, 2016 at 7:22 am #668858
    Rikard

    Hi sitesme,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .header-scrolled .avia-menu-text .av-icon-char {
padding: 18px 0 0 0 !important;
}

    Regards,
    Rikard

    February 23, 2017 at 6:16 am #750819
    TerryGrow

    To anyone else trying this, the following worked for me. There is a wrapping span tag that I removed from a previously suggested solution to get it to work:

    Add this to the Navigation Label for the menu item:
    <span class="av-icon-char" style="font-size:20px;line-height:20px;width:20px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
    And add this css to the site (through whatever means you prefer), changing the id of the menu-item to the particular menu-item you’re trying to target (mine is 292 – inspect your page source for yours):
    #menu-item-292 .av_font_icon.av-icon-style-border .av-icon-char { padding: 10px 0 0 0; border-width: 0; }

    February 27, 2017 at 11:03 pm #752598
    Vinay

    Hi,

    Thank you for sharing your solution here :) I’m sure it will help others as well.
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Add Home icon into the main menu’ is closed to new replies.