Page Margins are different

There is one page on my site where the top margin which is directly below the header created with the Pro Header Builder is significantly taller than the rest of the pages. When I use inspect element in my browser I come up with the following CSS.

<div class="x-container max width offset">

.x-container {
margin: 0 auto;

This page http://8f4.f2d.myftpupload.com/ is typical of the spacing at below the header and above the page content site wide with the exception of this page http://8f4.f2d.myftpupload.com/ashi-events/ . Do you have any suggestions on how to fix the one page so the spacing (top margin) matches the pages on the rest of the site.

Thanks in advance for any input.

Hello There,

Thanks for writing in! That is not the cause of the issue. This is because of the default margin which is in conflict with the page. To resolve this issue, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.page-id-1082 .hentry {
    margin-top: 0;
}

Please let us know how it goes.

Thank you! It worked perfectly.

Hi @mark2inspect,

Happy to hear that.

Feel free to ask us again.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.