Website layout issue

Hi there,

I'm not too sure what "properly" looks like here, but that big gap can be removed by removing this custom CSS:

@media (min-width: 1000px) {
    #page, .site-footer.grid-container {
        margin-left: 300px;
    }
}

Let me know if that brings it back to normal or not :)

After removing this code. Non-amp version big gap has been removed but now issue with AMP version arrived header overlap on main content.

And I have placed a adsense code above post on homepage through header hook element, it is overlapping on main content on non-amp page.

You can see here.

Hi there,

I'm not sure I'm seeing either issue. Here's what I'm seeing right now: https://www.screencast.com/t/6w0QIlyl

Let me know :)

Post page is working fine. Only issue with home page, category page, tag page and search page on amp version.

Issue on amp page on desktop

In your CSS, try replacing this:

body {
    padding: 0 50px 50px;
    margin-left: 300px;
}

With this:

body {
    padding: 0 50px 50px 300px;
}

Yes it working but same issue at ipad layout.

I think now I have to change template from site library.

Any compatible template who supports amp and non-amp both. and speed and performance wise good please suggest.

Hi Keshav,

Any compatible template who supports amp and non-amp both. and speed and performance wise good please suggest.

All the site templates mostly share the same script so AMP-wise, they'll behave the same way so it won't matter what site template you're using.

As for site performance, the content matters. And contents may come from other plugins which some, may not be optimized.

That said, consider getting an optimization/caching plugin to improve on this.

Thank you so much for your valuable support.

No problem. :D