Add icon on header menu

Hello, I would like to add a user icon that links to my community page in the header menu of the phone version.

Captura2

How can i do this? Thanks

Hello,

First thanks for using our theme!

Could you please share your website link/URL with us? So we can inspect your code and see if it is possible with some custom JS code.

Kind Regards,

Rodrigo.

aThemes Support

Hi, yes my url is https://www.movisunsa.com/. Thanks

Hello,

Thanks for the website link!

The best way is edit the theme header with a child theme. You can generate a child theme for Talon through this link: Free Worpdress Child Theme Creator & Generator

Learn more about child themes here:

Once you have the child theme created, just copy the “header.php” from parent theme and paste inside the child theme folder. Then, make your desired changes in the child theme “header.php” (adding the HTML link to your community)…

You can use this HTML for the link:

<a href="https://www.movisunsa.com/comunidad-movisun/" class="custom-icon-link">
    <i class="fas fa-user"></i>
</a>

And this custom CSS at Appearance > Customize > Additional CSS:

.custom-icon-link {
    font-family: "FontAwesome";
}

@media(min-width: 1200px) {
    .custom-icon-link {
        display: none;
    }
}

We hope this helps!

Kind Regards,

Rodrigo.

aThemes Support

Hello,
I have created the child theme and copied the header.php.
I have added the html to the header.php and the css, but it doesn’t show on my website. Do I need to add anything else?
Thanks for the help

Hello,

Make sure you activated the child theme at Appearance > Themes. I did an inspection in your website and can see that the child theme is not active:

Kind Regards,

Rodrigo.

aThemes Support

Hello,
Thank you! It works now :+1:

Hello,

You are welcome!

Let us know if you need further help.

Kind Regards,

Rodrigo.

aThemes Support