@Font-face CSS google embed no contactform and other actions available anymore

  • Resolved brooxvisuals

    (@brooxvisuals)


    1 year, 11 months ago

    Hi people,

    Currently i’m busy with the SEO from my website so trough google page speed insights i came on the point “make sure the text stays visible while loading webfonts”. So when i clicked on the hyperlink, i came on the site of google for avoiding showing invisible text. I thought i had to embed the @font-face code in my extra CSS. When i did this i couldn’t see my contact form anymore, other reviews and the hamburger menu didn’t work anymore on mobile version. Now i deleted all the CSS i got from Google but the problem stays..

    Is there someone who knows how i can fix this?

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Pradnya

    (@pradnyajegstudio)

    Hi @brooxvisuals

    We have updated our code and will provide the fix for the next update. If you don’t want to wait and can edit the code, please try to add the code as shown in the image below.

    Thread Starter brooxvisuals

    (@brooxvisuals)

    Thanks for your quick reaction. Unfortunately adding the ‘display’ => ‘swap’ didn’t work.. On the homepage with a mobile device the contact form, review slider and hamburger menu aren’t working. Is there any other solution?

    Plugin Author Yoga

    (@yogajegstudio)

    Hi @brooxvisuals

    Do you use any caching plugins?
    If yes, is there a setting that minifies javascript codes?
    It seems the cause of the hamburger menu, review, and contact form doesn’t work is there is an issue in the javascript.

    Thread Starter brooxvisuals

    (@brooxvisuals)

    Yes you’re right. Deactivating the plugins Async javascript, autoptimize and w3 cache worked. But i would like to have a plugin Async javascript and Autoptimize. Is this not possible?

    I would try enabling each one separately to see which one causes the issue. If it turns out to be Autoptimize, then try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

    frank (ao dev)

    Plugin Author Yoga

    (@yogajegstudio)

    Hi @brooxvisuals

    Have you tried the advice given by the Autoptimize author above?

    Thread Starter brooxvisuals

    (@brooxvisuals)

    Thanks for your reactions. I have deleted all the plugins and reinstall W3 Total Cache. That would be enough also i think?

    Plugin Author Yoga

    (@yogajegstudio)

    If you didn’t encounter any issues using the said plugin and you get all the features you needed, then yes, I would say that is enough.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘@Font-face CSS google embed no contactform and other actions available anymore’ is closed to new replies.