Shop Categories

X

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

Home Forums Agama Pro social icons on header v3: tv-phone / fa fa-phone

Topic Resolution: Resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #18677

    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

    #18679
    Zex
    Moderator

    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

    #18680

    Hello!

    Thank you for your immediate answer

    Unfortunately, it is still not working.

    #18681
    Zex
    Moderator

    Hi,

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

    https://prnt.sc/per8e5

    Regards

    #18682

    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?

    #18684
    Zex
    Moderator

    Hi,

    No. that shouldn’t be the problem.

    Regards

    #18685

    The code is not working properly.

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

    #18688
    Zex
    Moderator

    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

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