problem with validate AMP and Elementor / Astra

@nicowebmaster thanks for reaching out!

While the Astra theme has compatibility with AMP, you may want to read this article about features that may not work in AMP due the use of code that is restricted on AMP pages (AMP specification). Elementor currently isn’t AMP compatible, but we’ve reached out to them about improving it.

The AMP plugin will automatically remove invalid markup to ensure AMP pages are valid. When I view your AMP URLs currently, I do not see validation errors, however the plugin’s internal tool may be picking up and removing the invalid markup. To identify which theme or plugin is involved, navigate to AMP > Validated URLs and look at the Sources column which flags where the invalid code originates.

I do not have the possibility to choose the AMP menu … suddenly it is not practical;

Could you confirm which version of Astra you are using? On my test site, the default menu works on AMP pages (video).

Hello

The Astra theme version is 3.0.2 with child theme. In fact I have a menu that appears but I do not have the possibility to put another one.

best regards

Nicolas

@nicowebmaster thanks for your reply!

So it appears the free version of Astra since version 3.0 ships with a new header and footer builder. In testing this feature, I can change the menu without issue, but I do encounter a problem when trying to expand/collapse the hamburger menu (video). We’ll be reaching out to Astra about this.

Are you using this builder for your menu or have you built the menu with some of the Astra Pro addons mentioned in this article? If the latter, note that Astra may not support these on AMP pages at this time.

Hello

We have Astro Pro as a plugin. The menu is done normally from “appearance” -> “Menu”, but the menu option is activated from the astra pro module

Thanks

Hello,

Can you tell me how to disabled modules only for AMP version? Because when I deactivated extensions from the settings of the AMP module and I left the mode in standard, my Desktop display is broken .. Suddenly I left all the active modules and I put myself in transitional mode, but my urls are not valid AMP … Whereas when I disabled the Astra and Elementor modules and transitional mode, the AMP was valid …
Also, how can I be able to display the menu I want, since I don’t have the AMP Menu option in appearance -> menu … I am stuck, Internet users cannot navigate correctly. Do you have a hook or a function to get around this?

Thanks

We have Astro Pro as a plugin. The menu is done normally from “appearance” -> “Menu”, but the menu option is activated from the astra pro module

Thanks for sharing the setup you applied. We’ll test this from our side and we can then report back to you here.

Can you tell me how to disabled modules only for AMP version? Because when I deactivated extensions from the settings of the AMP module and I left the mode in standard, my Desktop display is broken

We’ll need some time to test out the module features of Astra pro unfortunately. Is there a particular module you are looking to remove?

Also, how can I be able to display the menu I want, since I don’t have the AMP Menu option in appearance -> menu … I am stuck, Internet users cannot navigate correctly. Do you have a hook or a function to get around this?

Can you share which menu this is (on your non AMP URLs?) Your main menu is working fine when I check from my side.

How can I share the login credentials with you?
Regarding the menu, it is the blue menu with the identifier id=ast-below-header-navigation-section-1 form the source code.
I would like to deactivate the modules that block the proper functioning of AMP, without breaking the design and functionality on Desktop. So I am thinking of the Astra and Elementor modules mainly

While we investigate this further can you temporarily deactivate mobile redirection within the AMP plugin. I can then test the behavior of the navigation menu in your canonical site on mobile.

With regards sharing your login this is not permitted as per WordPress support forum guidelines.

Hello @nicowebmaster

Thank you for the info, it looks like you have added Below Header Menu with astra Pro plugin.

The menu seems to be disabled by Astra intentionally for AMP compatibility, You need to contact Astra Support for the same.

The code that disables can be found in following file
astra-add-on/classes/compatibility/class-astra-addon-amp-compatibility.php
on line number 102

the snippet:

add_filter( 'astra_get_option_below-header-layout', array( $this, 'return_disabled' ) );

I will recommend interchange primary menu with Below Header menu as Primary Menu is AMP compatible

Alright, the redirect has just been disabled. However, how can I disable certain modules without breaking the design of the site? Or, is the site currently 100% AMP compatible (with transitional mode and all modules enabled). If not, what is the best possible configuration (with disabled module, mode …) without impacting the Desktop version

However, how can I disable certain modules without breaking the design of the site? Or, is the site currently 100% AMP compatible (with transitional mode and all modules enabled).

Your site’s AMP pages are valid as I check, but being AMP compatible means your site’s visual and functional difference are none or very few.

You can inspect your site by using paired browsing option from admin bar or adding ?amp-paired-browsing=1 at end of URL.

If not, what is the best possible configuration (with disabled module, mode …) without impacting the Desktop version

If some features are not working correctly i will recommend following scenarios.

Check if the functionality is crucial for site.

a. if not use AMP plugins suppression feature to suppress the plugin.

b. Disable AMP from that page.

d I will recommend contacting respective theme or plugin author for fix. (in your case contact Astra )

e. Find AMP compatible alternative. (some listed on our site )

As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.