social icons on header v3: tv-phone / fa fa-phone

[Elisabet Calomarde Alcaraz]

Hi all

I recently acquired the AGAMA PRO, and I am having some issues with the social icons on the header V3.

My website is set in Spanish, the tv-text is automatically converted to tv-teléfono instead of tv-phone. The same issue with the font awesome code fa fa-phone (it shows fa fa-teléfono).

The phone icon is not showing. I forced the code with the browser’s bug fixer, and it works – I am not able to fix this on the code.

Thank you

[Zex]

Hello Elisabet!

Please follow the next steps to solve your problem:

1. Go to the Customizing->General->Extra menu and insert the following code into “Custom jQuery Footer” text area:

jQuery("#top-social ul li a" ).toggleClass('tv-teléfono tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-teléfono fa-phone');

For the footer Icon, insert additionally the next code at the same place:

jQuery("#colophon a.teléfono" ).toggleClass('teléfono phone');

so your code at the end should be like this:

jQuery("#top-social ul li a" ).toggleClass('tv-teléfono tv-phone');
jQuery("#top-social ul li a span i " ).toggleClass('fa-teléfono fa-phone');
jQuery("#colophon a.teléfono" ).toggleClass('teléfono phone');

https://prnt.sc/per3uw

Please let me know if this helped you.

Regards

[Elisabet Calomarde Alcaraz]

Hello!

Thank you for your immediate answer

Unfortunately, it is still not working.

[Zex]

Hi,

It works on my side…
Try to clear the browser’s cache.

https://prnt.sc/per8e5

Regards

[Elisabet Calomarde Alcaraz]

I switched on the rich snippets, and it is working fine now.

I am afraid, this new code will generate an extra time in the page loading of the website. Is that correct?

• This reply was modified 3 years, 5 months ago by Elisabet Calomarde Alcaraz.

[Zex]

Hi,

No. that shouldn’t be the problem.

Regards

[Elisabet Calomarde Alcaraz]

The code is not working properly.

Now, I don’t see Instagram’s icon and the phone’s icon is duplicated.

[Zex]

Hi,

Then you must have some sort of conflict with your active plugins.

Try to disable all the active plugins temporarily to see if that is the case.
If then the Icons looks normal, try to activate it one by one until the problem reappears so in that way you can find the problematic plugin(s) -if any.

If, after you try this, the problem remains, please give me your WP Admin Username and Password in the private reply, so I can check the problem directly on your website.

Regards

[Author]

Posts