Why is there a larger gap on the editor vs the live site?

This is a little thing that has bugged me for a long time…

Why is there a different sized gap between my headings and my text when I am on the editor vs the live site?

I took two screenshots and added a red box to show you the difference between each gap size. One of them is while I am logged into the editor, and the other shows the live front end (aka not editing the page).

Editor: http://nimb.ws/ucHq1F
Live site: http://nimb.ws/M3kOBS

Check it out in action here if you want: https://www.datafreedoms.com/our-mission/

Hi There,

As we don’t have access to your admin, Can’t say exactly what could be the issue.
But this should show same spacing as in editor.
To help you on this can you please send us your website details in a secure note, so that we can check.

Thanks

It happens on my other site also. I think it is a bug.

Hi There,

There is an empty <p> tag in your text element.

To correct the spacing below the headline, please add this custom CSS:

p:empty {display: none;}

Hope it helps :slight_smile:

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