How to remove white space or white margin below header

I am trying to remove the white space, padding, or margin located below the header, and above the image block in a page layout (this page is not linked to my website, so it is not viewable — please refer to the screenshot). I've tried many variations of custom css, but no option has solved this issue. Your help will be most appreciated.

I'd like to have the same white margin below the header as seen on my homepage which is an index page: https://ivesgrafik.com

10 hours ago, BradleyK said:

I am trying to remove the white space, padding, or margin located below the header, and above the image block in a page layout (this page is not linked to my website, so it is not viewable — please refer to the screenshot). I've tried many variations of custom css, but no option has solved this issue. Your help will be most appreciated.

Hi,

Which page in screenshot?

10 hours ago, BradleyK said:

I'd like to have the same white margin below the header as seen on my homepage which is an index page: https://ivesgrafik.com

I don't see white margin

The white margin is on the screenshot I uploaded — reference that please. The page I'm referencing is not a live page.

You can set it as live, then we can check easier

If you can't set it live, you can duplicate site & set there

Go to https://ivesgrafik.com/

Click on the CLIENT tab.

Enter this password: cHJvszKOp@

Thanks for your assistance with this.

The site has a default margin

You can add it to Website Tools (under Not Linked) > Custom CSS

section#container {
    margin-top: 0px !important;
}

Thank you. This worked; however, now it crops off the top of my portfolio images, and text. Please reference the screenshot — I've removed the css code from my live site.

I'm getting closer with the code. Here's what I entered:

section#container {
    padding: 0px !important;
      margin-top: 100px !important;
}

I'm getting closer with the code. Here's what I entered:

section#container {
      padding: 0px !important;
      margin-top: 100px !important;
}

It still affects my WORK Index Page and Gallery Pages as it is cropping the images, and text.

When you open my STUDIO page (A Blank Page populated with Text and Image Blocks), the CSS code behaves the way it should.

Please refer to the attached.

Thanks,

Brad

Site address is: https://ivesgrafik.com/