Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #241883

    Hi,

    I’d like to replace the “Home” word in my main menu for an icon (a house). Is it still possible or was that option disabled?

    Thx

    #243104

    Hi!

    Please take a look at this topic:
    https://kriesi.at/support/topic/home-icon/#post-228117

    Cheers!
    Josue

    #243607

    Sorry Josue. I read that post you mention and I didnt understand.
    Shall I try what what Ismael says? What Yigit says? Both? I didnt undestand either both. ;(

    #243661

    Hey!

    Both, the result should be like this:
    http://bit.ly/Qi0Ise

    Try it, if it doesn’t work please post a link to your website so i can better assist you.

    Best regards,
    Josue

    #243665

    http://universitarios.org.ar/
    Did it. Now it looks good when at top of the site, but not when I scroll down.

    I used this for the link text field:

    <span class=”av_font_icon avia_animate_when_visible av-icon-style-border av-no-color avia-icon-pos-center avia_start_animation avia_start_delayed_animation” style=””><span class=”av-icon-char” style=”font-size:15px;line-height:20px;width:20px;” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span></span>

    And this for custom css:

    #menu-item-2539 .av_font_icon.av-icon-style-border .av-icon-char { padding: 34px 0 0 0; border-width: 0; }

    • This reply was modified 10 years, 9 months ago by Mono14.
    #243737

    Hi!

    Add this code too:

    .header-scrolled #menu-item-2539 .av_font_icon.av-icon-style-border .av-icon-char { padding: 12px 0 0 0; }
    

    Best regards,
    Josue

    #243928

    Mmm, it works… but not nicely.
    The icon jumps from one position to the other.

    #243972

    Hi!

    Try using this code instead (remove the others):

    #menu-item-2539 .avia-menu-text{ display: table; height: 100%; }
    #menu-item-2539 .av_font_icon { display: table-cell; vertical-align: middle; }
    

    Cheers!
    Josue

    #243981

    Solved!
    Had to change the padding down to 0 and now it works fine:

    
    #menu-item-2539 .av_font_icon.av-icon-style-border .av-icon-char { padding: 0 0 0 0; border-width: 0; }
    #menu-item-2539 .avia-menu-text{ display: table; height: 100%; }
    #menu-item-2539 .av_font_icon { display: table-cell; vertical-align: middle; }
    
    #243983

    You are welcome, glad we could help :)

    Regards,
    Josue

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Icons in menu’ is closed to new replies.