eliminating header space in twenty seventeen

Would you be able to remove these styles first:

.page-one-column .panel-content .wrap {
    ...
    margin-top: -40px;
}

.page #content {
    padding-top: 13px !important;
}

Then add:

#content .wrap {
    padding-top: 0;
}

The rest of the space is down to your slider.

Thank you, Andrew, but still have white space showing. See here:

https://836.50b.myftpupload.com/wp-admin/customize.php?return=%2Fwp-admin%2Fthemes.php

This page has a slider and I went ahead and changed the background color, so that you can see the white space between the menu and the rest of the page.

Any way to get rid of the white?

Try adding this too:

.site-branding {
    padding: 0;
}

Ha! Well, that got rid of it, but you can still see some of it behind the transparency of the menu. PLUS, the video on the home page (and other media on other menu pages) is under the menu, which doesn’t work.

I tried changing the “padding: 0; to 1, 2, etc., but those numbers add back the same amount that was there originally.

So, instead of eliminating the white, is there any way to change it to the background color that I want??

Sorry try this instead:

.site-branding {
    padding: 2.1em;
}

Andrew, you’re a genius! I can’t thank you enough!! This is perfect.