How to remove space between body and main header section?

[freetipscout]

There is a huge space between my Headings on pages and the main nav bar. How can I fix this please?

[rad]

Hi Jason,

Thanks for reaching out.

Before I can provide a recommendation, I need to see what causing the spaces. Would you mind providing your admin login credentials in the secure note? It’s currently behind a coming soon page

Thanks!

[friech]

Hi Jason,

Thank you for the credentials, it looks like you hardcoded your headline.

e.g.

<h4>Tip of the Day</h4>

You can apply a utility class mtn to it to remove the default top margin.

e.g.

<h4 class="mtn">Tip of the Day</h4>

More details about Utility classes here.

Cheers!

[freetipscout]

Hi,

Thanks for looking into this. I don’t know how I done that which is strange.

How can I apply this so across my whole site on all pages I don’t have the space at the top of the content page? The code you provided looks like it is only for that specific page and I need a fix for this across the whole site as it is affecting all pages (except posts).

[christian]

Hey Jason,

You probably selected the h4 in the Block Editor.

It would be best that you add the mtn class to the first headline per page because if you want to remove the margin globally, you’d need to add the following custom CSS in Theme Options > CSS and that adds a bit more weight to your page and also we do not support issue that will arise from the use of custom codes. The custom code serves only as a guide. Provided that there’s no error in your custom CSS, the following code should work. If it does not, please consult with a 3rd party developer.

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child {
    margin-top: 0;
}

Hope that helps and thank you for understanding.

[freetipscout]

Hi Christian,

Thank you very much for your help here and the explanation around it. Has been quite educational. I can confirm your advice has fixed the issue for me which is fantastic. Much appreciated!

[nabeel]

Glad that we could be of help.

Cheers!