AMP plugin breaks my menu on mobile

  • Resolved davefullerphoto

    (@davefullerphoto)


    3 years, 9 months ago

    Hi there,

    I’ve been working on my website speed so installed the AMP plugin to speed up the experience for mobile users. However, with the plugin active my menu doesn’t work on any page of my website.

    As soon as I deactivate it and clear the cache the menu starts working again. I’ve tried looking at the errors under each validated URL and choosing ‘keep’ on the markup status column but even when all the scripts are kept the menu still doesn’t work. I’m unsure what else I can change or adjust to try and fix this problem.

    I’m using Kadence them with Kadence blocks. Let me know if there is anything else that you need to diagnose the problem (I’ve currently disabled the plugin so that mobile users can access my website)

    Any help or advice would be really helpful!
    Dave

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Milind More

    (@milindmore22)

    Hello @davefullerphoto

    Thanks for the support topics, Kadence Theme is AMP compatible and the Menus should work out of the box (example site). Are you using any addtional Add-on or plugin for the Menu?

    Also, Can you please Activate the AMP plugin on your site and set it to Transitional Mode so we can check the difference between AMP and non-AMP pages

    Thread Starter davefullerphoto

    (@davefullerphoto)

    I had heard that it should work but it doesn’t seem to be for me which is frustrating but I’m sure we can figure it out!

    I’ve not got any additional plugins that affect the menu I don’t think. Just incase there’s something there affecting it that I don’t know about here’s what I’ve got – Askimet anti spam, bot protection, insert headers and footers, kadence block (the pro version). ninja forms, OMGF, Redirection, shortpixel, wordfence securtiy, wp rocket and yoast.

    I’ve reactivated it and set it to transitional mode, what do I need to do to test AMP vs non-AMP?

    Edit: I’ve just found the option to try the non-AMP version and it works non-AMP but not with AMP on.

    Plugin Support Milind More

    (@milindmore22)

    Hello @davefullerphoto

    It seems some of the amp bind attributes data-amp-bind-class has been removed.

    Can you please follow troubleshooting at your end to determine if another plugin may have a conflict with AMP.

    you can try to check whether the same issue arises when you activate plugins one by one following the steps below:

    • Install and activate the Health Check & Troubleshooting plugin.
    • Navigate to Tools > Site Health > Troubleshooting.
    • Enable trouble shooting mode
    • Visit Themes -> activate Kandance Theme
    • Visit Plugin -> installed plugins and activate AMP plugin first and check default behaviour by visiting your site with ?amp parameter https://www.davefullerphotography.com/?amp
    • Visit plugin -> installed plugins and activate them one by one and check which plugin is causing issue

    You can exit troubleshooting mode afterward.

    Additionally Please send us your site heath info using this form so we can investigate it further.

    Thread Starter davefullerphoto

    (@davefullerphoto)

    Thanks, I have absolutely no idea what the date-amp-bind-class thing means but I’m happy to follow the troubleshooting steps!

    So, just to check, should I deactivate all my plugins then do those steps?

    And to be sure, won’t it break my site, or ruin how it looks, if I deactivate the Kadence plugin? And if so will that come back after I reactivate it?

    Or does the troubleshooting mode make this not happen somehow?

    EDIT: Just seen the troubleshooting mode only affects me. I’ll get on that now and report back in a bit!

    2nd EDIT! The error logs are too long for the form. I’m not sure what to do with them!?

    Plugin Support Milind More

    (@milindmore22)

    Hello @davefullerphoto

    If you are in troubleshooting mode it should disable all the plugins and switch to the default theme this just for you (Admin of site), the users visiting the site (non-admin users ) should not be affected.

    You don’t need to deactivate any plugin on the live site ( if you are not in troubleshooting mode)

    EDIT: if your error log have any fatal error just send that part or you can add them into google docs

    • This reply was modified 3 years, 9 months ago by Milind More.
    Thread Starter davefullerphoto

    (@davefullerphoto)

    Yeah, I figured that out when I went to the screen – thanks though!

    So, I went through the process and the plugin which was affecting things was OMGF pro (the free version didn’t affect it but the pro one seemed to. I’m going to have a fiddle and see if I’ve used it to remove something I shouldn’t have and if not I’ll just disable it. The reason for having it was to speed up my site but it’s quicker to have AMP enable without OMGF pro than the other way around.

    I can’t submit that information through the form, as the error messages are too long, is there another way to do it or should I leave the form?

    Plugin Support Milind More

    (@milindmore22)

    Hello @davefullerphoto

    If you have the culprit then you don’t need to send site health info.
    Thanks for letting us know about OMGF pro plugin will keep that in mind in our future references.

    I will recommend removing it if it doesn’t add any great value in terms of site performance.

    you can refer to this guide to optimize google font performance and example

    Thread Starter davefullerphoto

    (@davefullerphoto)

    Great, thanks for your help. I have disabled it and will go through that guide to figure out an alternative!

    Plugin Support Milind More

    (@milindmore22)

    Be sure to share your thoughts on using the AMP plugin, we’d love to hear your feedback.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘AMP plugin breaks my menu on mobile’ is closed to new replies.