Plugin breaks elements of AMP pages | ww.wp.xz.cn

Resolved danescobar
(@danescobar)

7 years ago

Hello all,

I wanted to report that in my WordPress installation I noticed that Header Footer doesn’t display its header correctly in AMP pages. It also breaks some Elementor and Essential Addons for Elementor (EAE) widgets that use JS and their custom CSS.

As soon as I disabled my custom menu header made with your plugin and enabled WordPress’ default menu all problems got solved. I guess, since the plugin makes edits in the <head> code, it must interfere with the AMP CSS that is inserted there as well. The problems are mainly CSS related:

Any custom menu header made with your plugin will display without CSS customization like in this image.

Any Elementor or EAE widgets which have JS animations will have their CSS stripped so it will happen the same as with the menu header. In addition some elements will have a “display: none;” property in the case of accordions and similar widgets that hide their elements.

Viewing 1 replies (of 1 total)

Plugin Support Team Brainstorm Force
(@brainstormteam)

7 years ago

Hi @danescobar ,

Basically due to JS and CSS restrictions by AMP the header footer plugin does not fetch the proper CSS and JS file associated with page builder that you have used within header footer plugin to create your header or footer.

Even the Elementor template will also not work if its been used in Header.

You can check out this documentation that will help: https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/style_pages?format=websites

Regards,
Deepak

Viewing 1 replies (of 1 total)

The topic ‘Plugin breaks elements of AMP pages’ is closed to new replies.

1 reply
2 participants
Last reply from: Team Brainstorm Force
Last activity: 7 years ago
Status: resolved