Thanks for reaching out. Do you have any plugins with minification features such as optimization or caching plugins? If you’d like to share your Site Health information privately using this form we can inspect your current setup.
I’d also be curious to know if the same issue persists when you have the administrator toolbar toggled off when then checking while logged in.
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.
Thanks for the update. Can you inform me whether you’ve applied the minification feature within WP Rocket?
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
@arafail thanks for the details!
1) Are you able to temporarily disable the minification options you have enabled or WP Rocket to see if that is involved?
2) Does the issue occur when you try all modes of the AMP plugin?
3) Lastly, could you describe the functionality your custom JS in the footer is providing the site in more detail?
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 5 years, 7 months ago by
arafail.
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.
@arafail thanks for the details! I’m checking with the team about your case and will follow up.
@arafail While we are not quite sure why the update to 2.0.4 would affect your non-AMP templates and your menu (JS), were you also attempting to use the AMP sidebar component?
Note that enqueueing/printing the amp-sidebar script would be required, which can be achieved by doing the following:
<?php wp_enqueue_script( 'amp-sidebar' ); ?>
Here’s a proof of concept that may be helpful if you’d like to explore using the AMP sidebar component in non-AMP pages.
Even though not recommended, you can obtain previous versions of the plugin from the Development tab under Advanced View in the WP.org listing.
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
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.
Glad to hear you were able to resolve it. Best of luck with the site.
