GeneratePress not fully compatible with AMP

  • Resolved vast1r

    (@vast1r)


    3 years, 2 months ago

    Hello, I am using Generatepress free theme easily available on WordPress theme section. With it I’m using Official AMP plugin’s Transitional version.

    The problem is non-amp version is fully responsive and covers full screen on mobile. But AMP version is shifting to left side and creating extra gap on right side. Which is looking not good.

    How to solve this problem?

    • This topic was modified 3 years, 2 months ago by vast1r.
    • This topic was modified 3 years, 2 months ago by vast1r.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi there,

    the issue looks to be advert related ie. some adverts being loaded on the page are too wide for mobile devices. You should check to make sure the adverts are set correctly for their repsonsiveness. If the issue remains then you can try adding this CSS:

    html, body {
     overflow-x: hidden;
}
    Thread Starter vast1r

    (@vast1r)

    Got it, thank you for help. I have some more doubts with your answers as I’m not a techie person.

    1. Which ads are showing on my amp Transitional web pages, AMP ads or normal HTML ads?

    2. Will your provided CSS code Violet AdSense rule or any issue? I’m new thats why asking. ??

    3. Work of this CSS code?

    • This reply was modified 3 years, 2 months ago by vast1r.

    1. I could not say as this changes on each load.
    2. No.
    3. I am not sure what you mean ?

    Thread Starter vast1r

    (@vast1r)

    I applied the code but nothing changed…
    Anymore suggestions?
    Look at this Website with same problem I found

    • This reply was modified 3 years, 2 months ago by vast1r.
    • This reply was modified 3 years, 2 months ago by vast1r.
    • This reply was modified 3 years, 2 months ago by vast1r.
    • This reply was modified 3 years, 2 months ago by vast1r.
    Thread Starter vast1r

    (@vast1r)

    Okay, after taking time to understand i found there are 2 problems….

    1. Google Site Kit
    2. Advanced Ads

    After disabling the Advanced Ads plugin I fund still this extra white area problem is occurring on website without ads. So I Diactivate and Activate plugins one by one. Then found Google Site Kit is also making this extra space on right side. That extra white area gets bigger when I Activate Advanced Ads plugin. After disabled the both there is no extra space and fully fixed with screen as normal.

    Site Kit and Advanced Ads both are important for running and earning with the website. What to do now? ????

    The issue isn’t theme related – but the CSS i provided above should work. It simply limits the content of the site to be no wider then the screen.

    If the issue is only on the AMP site, then you may need to ask the AMP plugin author about adding the CSS.

    Thread Starter vast1r

    (@vast1r)

    Anyway thanks for helping, I’m now using another theme Neve and it’s not showing that problem and I’m happy with it.

    • This reply was modified 3 years, 2 months ago by vast1r.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘GeneratePress not fully compatible with AMP’ is closed to new replies.