Removing white space at the top of each page

Hi guys,

I am having issues removing the white space at the top of my website pages that don’t have a header image.

How do I remove the space from between the main navigation menu and the body text on those pages that dont have a header image?

Here is a like so you can see the white space:

Thanks in advance.

Hello there,

Please try adding the following custom CSS code into your site’s additional CSS option under Appearance > Customize > Additional CSS.

.page-template-page_no-header-wide .hentry,
.page-template-page_no-header-wide .main-content{
	padding-top: 0;
	padding-bottom: 0;

.page-template-page_no-header-wide .hentry{
	margin-bottom: 0;


Perfect, thank you.

You’re welcome and best wishes!


Hello, sorry for this new mail but I have applied the code you provided me that almost works. Indeed, during the first display the horizontal bar disappeared but as soon as one uses the cursor and one returns to the top of the page, the white line is present again? Thank you for a tip.

Hello Chritian,

Try to hide the page title by adding the below CSS code:

.page-template-page_no-header-wide .entry-header{
   display: none !important;

Doesn’t it work for you?


Thank you, it works well, more white line appears, never. You are “SUPER” of skill and patience, in short you are “lords”. Perfect and thank you again.