-
AuthorPosts
-
March 24, 2014 at 12:34 am #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
March 26, 2014 at 3:19 am #243104Hi!
Please take a look at this topic:
https://kriesi.at/support/topic/home-icon/#post-228117Cheers!
JosueMarch 27, 2014 at 3:24 am #243607Sorry 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. ;(March 27, 2014 at 5:21 am #243661Hey!
Both, the result should be like this:
http://bit.ly/Qi0IseTry it, if it doesn’t work please post a link to your website so i can better assist you.
Best regards,
JosueMarch 27, 2014 at 6:00 am #243665http://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.
March 27, 2014 at 9:51 am #243737Hi!
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,
JosueMarch 27, 2014 at 5:14 pm #243928Mmm, it works… but not nicely.
The icon jumps from one position to the other.March 27, 2014 at 6:06 pm #243972Hi!
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!
JosueMarch 27, 2014 at 6:15 pm #243981Solved!
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; }
March 27, 2014 at 6:17 pm #243983You are welcome, glad we could help :)
Regards,
Josue -
AuthorPosts
- The topic ‘Icons in menu’ is closed to new replies.