Hi,
I am trying to replace the Home main menu link with the Entypo Home graphic. I have taken the following steps but there’s a play button showing instead of the home image:
1) Create a custom menu link with as the navigation label
2) Add homeicon avia-font-entypo as a custom css class
3) Use this in css: .homeicon .avia-menu-text {font-size: 25px!important; font-family: ‘entypo-fontello’;}
I know the code is something like \ue821 but I’m not sure how to fix this.
Thanks for your help.
Gabe
Hi connect4consulting!
Do you mind creating a temporary admin login and posting it here privately?
Cheers!
Yigit
Sure. The menu I’m working on is a full width sub menu on the guidelines page.
Please don’t touch anything on the coming soon page since that is the currently live and public-facing page.
Thanks.
Hey!
Login credentials are not working for me. Can you please check them once again?
“ERROR: Incorrect username or password. 2 attempts remaining.’
Cheers!
Yigit
Yigit,
Sorry about that. Should work for you now.
Hey!
Changes are done, please review your website now. I have added the icon as HTML
Regards,
Yigit
Yigit –
As usual, you rock. Please explain what you did so I can learn from this. Here’s your code:
<span class=”av-icon-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span>
Suppose I wanted the icon to be something else, where do I find the list to populate data-av_icon=””?
Hey!
I have created a page with home icon on it and then inspect elements and copied HTML code and pasted it in Navigation field basically :)
Best regards,
Yigit
Ok that’s cool. Quite an easy work-around.
Thanks for showing me how.