arafail

@howdy_mcgee Thank you for the answer. I am using the classic editor and your solution did not work. I will use the plugin. Thank you!

Hello!
I have managed to fix the problem.
It was indeed an AMP component issue, but I found a way to resolve the problem and keep all of the plugins active.
Thank you for the support!

I have managed to track the problem down to a draft.js issue.
Please tell how I can send you login data for the staging website.
Thanks!

Yes, I do have a staging environment that acts the same way.
How would you like to proceed?

Here is a more clear error message: https://i.imgur.com/elMuEjc.png

Yes, I can confirm.
I also went through the manual troubleshooting procedure, by disabling all plugins and enabling them one by one. The issue popped up when I activated AMP.
I am pretty sure it’s a YOAST problem and I have also posted on their board, as I mentioned, but no answer on their side so far.

Hello and thanks!
I have provided all the answer that I could find.
I should mention that I have also posted a ticket on the Yoast support board.
I should also mention that I am using WpRocket, but all the minify JS / minify css options are off.

Hello again!
After a lot of tinkering I have managed to fix it.
The problem was in the way I included the style.css file.
I used require_once and it now works.
Thank you, and sorry to bother you.

Hello and sorry for the delayed response.
As I mentioned before, the problem I am having is with the non-amp pages.
The AMP pages work fine.
If you will take a look here, you will see the following: https://www.digitalcitizen.ro/contacteaza/
1: The styles are are included but no applied
2: The footer scripts are included but because of the lacking styles, they do nothing.

The weird thing is, that if I set this page as “AMP” but load the “non-amp” template, which lacks all the amp specific scripts, the page looks fine but the form does not work

Do you by any chance have a release archive? I would like to go back to V 2.0 of the plugin.
Everything worked perfectly with 2.0.

1: Yes, I did, there was no change
2: I cannot try all the modes as my theme is coded to be full AMP, by the client’s request.
3: The js simply emulates the hidden sidebar here: https://www.digitalcitizen.ro/.
It adds a class on a div, which makes it slide in and out.

The reason for Which I used non-amp templates is that we need Google Custom Search Engine, which did not work with AMP. Now it seems to work with the following execeptions:
a: If I disable AMP (https://i.imgur.com/NlCyPng.png) on https://www.digitalcitizen.ro/cse/ it looks like this: https://i.imgur.com/Uvpxd82.png
b: If I enable AMP and use a non-amp template it looks like this and works fine, but the hamburger button (JS) does nothing:https://i.imgur.com/5k2xyq0.png
c: If enable AMP and use an AMP template, the seearch work, but it takes me out of the website: https://i.imgur.com/QFaGGrx.png

• This reply was modified 4 years, 1 month ago by arafail.

Yes we have but only for the javascript files.
The page works now, somewhat, with the “amp enabled” option and no amp template.
https://www.digitalcitizen.ro/cse

Hello and sorry for the late response!
The problem persists and now has spread to non-logged users tot.
I Have managed to fix it somewhat by enabling AMP for that page and hiding the problematic elements.
We do run WP-ROcket, which is needed for.
I have also noticed that started to happen after updating the plugin to version 2.0.4.
Version 2.0 worked just fine.
The cause seems to be that it does not load the javascripts I have placed in the footer, for the non-amp-pages, and thus it messe up the CSS somehow.

Hello!
Yes, indeed I have and the result was the same.
I will also try with another theme and I will let you know.
Thanks in advance.

Thank for your answer.
I have indeed tracked the problem down to a compatibility issue with the “amp for wordpress” plugin. https://amp-wp.org/
This is a bummer as I cannot disable that one …
How do you suggest I proceed?
Thanks!