Home › Forums › Free Themes › Kids Education › Make FA Icons in Menu Linkable

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2019 at 5:39 pm #93232
    mushmonkey
    Participant

    Hi,

    Fantastic theme and will likely be buying a license for the website I’m working on- at the moment I’m trying to get everything done before switching over.

    Could you please advise me how to make the icons in the Navigation menu clickable.

    For instance, our Home Page – I’d like the FA-HOME icon to be part of the hyperlink. I’ve tried to do this via CSS but haven’t had much luck at all.

    Thanks,

    March 18, 2019 at 12:32 am #93315
    wensolutions
    Keymaster

    Hello @mushmonkey

    First of all, thank you so much for the review. We really appreciate it.

    Regarding your query, currently the theme only provides the menu items to be clickable and not the menu icons. For the changes to appear in your site, it requires a higher code customization and hence you need to hire a professional developer.

    To hire a developer, please refer to the given link : https://themepalace.com/hire-a-customizer

    Hope to hear from you again,

    Best Regards!!

    March 19, 2019 at 1:32 pm #93407
    mushmonkey
    Participant

    Hello @WenSolutions,

    I’m happy to make the changes myself and code this in. All I’m asking for is a little help with where the navigation menu is pulled in.

    It’s quite a big thing for my client and me to have these icons clickable and would kinda sway whether we go ahead with this theme or competitors. We do really like the theme but we’d need this functionality. At the very least could you let me know whether this is something you’re likely to add- to be honest, I think it’d be quite a good quality of life feature to add.

    If you could message me or at least point me in the right direction I’d appreciate it.

    Thanks,

    March 21, 2019 at 12:27 am #93451
    wensolutions
    Keymaster

    Hello @mushmonkey

    Yes, we do totally understand but as much as we would love to help you with this we are unable to do so as it requires higher code customization.

    Also, the icon is displayed using the classes it will to clickable will require lots of time and custom code as we are unable to help you with this.

    However, we will note it as the requested feature and try to include in future updates.

    Hope you understand.

    Thank you.

    March 26, 2019 at 1:12 pm #93879
    pifh
    Participant

    Hello @mushmonkey

    I wanted to do the same thing and here is how I do it. I replaced a few line in the css file :

    
.site-header ul > li > a:before {
	font-family: "FontAwesome";
	font-size: 35px;
	display: block;
    margin-top: -35px;
}
.site-header ul > li.home > a:before {
	content: "\f015";
}
    March 27, 2019 at 12:28 am #93912
    wensolutions
    Keymaster

    Hello @pifh,

    Thank you for the fix.

    Let us know if there are any queries.

    Thank you.

    March 31, 2019 at 2:53 pm #94260
    mushmonkey
    Participant

    Hello @Pifh

    Thanks, but I tried that and it didn’t work? Am I missing something obvious? If possible could you drop me a link to your CSS or something so I can take a look at how you achieved it?

    Thanks,

    March 31, 2019 at 3:15 pm #94261
    pifh
    Participant

    Hello,

    here is my css file. I hope you can find the solution.

    http://oeuvre-nazareth.timon-david.com/wp-content/themes/nazareth/style.css

    April 1, 2019 at 12:44 am #94269
    wensolutions
    Keymaster

    Hello @pifh

    Your requirement requires changes in the core theme file and only the custom CSS won’t make the difference since the icons should direct to the respective links and more. The process is complex and need modification in the core theme file.

    For the changes, as mentioned above, you need to hire a professional developer.

    Hoping for your kind co-operation,

    Best Regards!!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.