How to remove the Gap between Header and AMP Pagebuilder module

If you are facing the problem with AMP Layout by the value of margin-top:-20px as type of issue like below the screenshot.

You can resolve the issue by following the below steps:

Step 1: First, edit page which you are using the AMP layout after that click on the AMP page builder “hamburger icon” like below the screenshot.

Step 2: Now click on the Advance option and you can see the set margin option, change that value -20px to 0px.

Step 3: You need to set margin-top: 0px like below the screenshot

Then you can see the proper output of AMP Layout like below screenshot.

That’s it for this tutorial!

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.

Share
Published by
Sonali R
Article Categories: How To

How to create an AWeber form in AMP

If you want to add an AWeber form in AMP then first you need to…

3 years ago

How to setup webpushr notification in AMP

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely…

3 years ago

How to add Adobe Analytics in AMP

Follow these steps to add Adobe Analytics in AMP Step 1: Go to WordPress Admin Area -> AMP…

4 years ago

What is the CWV plugin all about

Core Web Vitals are the subset of Web Vitals that apply to all web pages,…

4 years ago

How to fix “Alternate page with proper canonical tag” Page Index issue in Google Search Console

The following reasons can be shown for non-indexing. Server error (5xx) Your server returned a 500-level…

4 years ago

Google Analytics ( GA4 ) integration in AMPforWP

We have added the Google Analytics 4 ( GA 4 ) integration in AMPforWP v1.0.80.…

4 years ago