{"id":12410,"date":"2019-07-13T10:35:04","date_gmt":"2019-07-13T10:35:04","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=12410"},"modified":"2019-08-01T11:32:30","modified_gmt":"2019-08-01T11:32:30","slug":"how-to-remove-the-gap-between-header-and-amp-pagebuilder-module","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-remove-the-gap-between-header-and-amp-pagebuilder-module\/","title":{"rendered":"How to remove the Gap between Header and AMP Pagebuilder module"},"content":{"rendered":"\n

If you are facing the problem with AMP Layout<\/strong> by the value of margin-top:-20px as type of issue like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You can resolve the issue by following the below steps: <\/strong><\/p>\n\n\n\n

\nStep 1:<\/mark><\/strong> First, edit page which you are using the AMP layout after that click on the AMP page builder “hamburger icon<\/strong>” like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\nStep 2:<\/mark><\/strong> Now click on the Advance<\/strong> option and you can see the set margin option, change that value -20px to 0px.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\nStep 3:<\/mark> <\/strong>You need to set margin-top: 0px like below the screenshot<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then you can see the proper output of AMP Layout like below screenshot.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t