AMP compatibility

Hello @academicweek

You can enable AMP for your whole site by choosing Standard Mode, but Please make sure that all your features are working correctly on AMP pages before making a decision

Please learn more about AMP template modes and AMP plugin using our Getting Started guide

Hope this helps!

How do I also disable AMP for desktop users because I am facing some little issue with navigation menu on desktop.

@academicweek

AMP pages are not served by default to desktop users when they reach your website from Search Engine Result Page, unless the user intentionally visits with the AMP URL (ie with ?amp)

Since it’s not affecting the end desktop users, there is no need to disable AMP for desktop users

I will also recommend you read how AMP works to understand why it’s disabling AMP for desktop users is unnecessary

The issue on desktop version is after clicking on the hamburger on mobile and resizing the page back to desktop mode it still displays a drop down navigation menu which should not show once the desktop mode is active.

Please is there any CSS code to hide the ham icon and make the menu’s inline with the logo as displayed on the non-AMP version? See screenshot https://paste.pics/OBSXF

• This reply was modified 1 year, 6 months ago by Academicweek.

Hello @academicweek

While I appreciate your interest in implementing CSS code to address these concerns, I must clarify that I have limited CSS knowledge, I would recommend seeking assistance from a professional web developer or your technical team. They will be better equipped to thoroughly analyze the codebase and make the necessary adjustments to achieve the desired outcome.

Sorry we can’t be more of an assistance on this one

Hello More, I have switched from transitional mode to Standard mode, is there anything I need to do again concerning redirection or something of that kind?

Hello @academicweek

No further action is required

Hello More, How do I solve these issues detected by Google Pagespeed? The site is on AMP standard mode. Please click the link to view the screenshot

Hello @academicweek

As I checked your site on pagespeed I found two major issues

1) Eliminate render-blocking resources

The Google font Noto is blocking other resources from loading.

<link
crossorigin=anonymous rel=stylesheet id=magnitude-google-fonts-css href="https://fonts.googleapis.com/css?family=Noto%20Sans:400,700&subset=latin,latin-ext" type=text/css media=all>

It can be fixed by using async as an attribute for <link> tag. you can contact the theme author they can provide a fix or adopt the fix in their theme and release an update.

2) Reduce initial server response time

We will recommend using Persistent Objec caching with Page caching, Please check our documentation about the same.

I hope this helps!

Hello, please how do I disable lazy load on site logo. I am using AMP standard mode

Hello @academicweek

Your logo is not lazily loaded, as you can see the attribute added as noloading which disregards any loading attribute

Also, your image is set to be a hero image which means it has been given priority to load as it’s above the fold image, May be you can try force pre-reloading your site logo using this plugin

Hello More,

How do I solve “The featured image should have a size of at least 1200 by 675 pixels.” I usually resize images on the blog to 770×513 before I upload them to media. The warning was not shown until I switched to AMP standard Mode.

How do I make featured image as required or I should ignore the warning.

• This reply was modified 1 year, 5 months ago by Academicweek.

Hello @academicweek

I will mark this topic as Resolved, as the Original issue you posted is resolved.

Please create a new support topic for each issue, so we can keep conversions regarding a particular issue in a separate thread.