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

This topic contains 8 replies, has 3 voices, and was last updated by  wensolutions 3 months, 2 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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,

    #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!!

    #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,

    #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.

    #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";
    }
    #93912

    wensolutions
    Keymaster

    Hello @pifh,

    Thank you for the fix.

    Let us know if there are any queries.

    Thank you.

    #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,

    #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

    #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!!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.