How can I remove the unwanted space before the header in WordPress Twenty Twenty Three?

How to remove space before header in word press twenty twenty three

Hi,

I've gone through every resource I can and I've spent over 6 hours just trying to configure this header spacing right, could anyone please help?

What custom CSS can I use to overcomb this, and which template part would I put it in?

Issue photo:

Its in the #body?

Thank you in advance ~
-Nick

I tried the margin css methods and nothing worked.

Since the question hasn't been answered yet, I'd like to provide a step-by-step solution to help you remove the space before the header. Follow these instructions:

1. Click on the "Styles" navigation.

2. Go to the "Layouts" section.

3. Find the padding property and set it to 0.

I've also created an illustration to visually guide you through these steps:

I discovered that when I started by choosing the "Block Out" style (the red option) it solved part of your problem. It's not just colors and fonts, it also affects the layout and removes that space above the header (the dark green in your example).

Here's where to find the style I'm talking about.

Just note that if you do that, it will overwrite your other styles. You kinda have to start from scratch, I think.

Just came across your post as I was also searching for an answer. But I was able to figure it out.
Just go to the site editor and under Styles -> Padding, enter 0px for top.

Attached photo:
Removing space above header in WP 2023 Theme

I add the following CSS code as shown below to the theme and it works:

main#wp--skip-link--target { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }