Space between header and page content

This custom CSS moves things up:

.site-header {
    padding: 25px 0;
}

.page-header {
    margin: 0 auto;
    min-height: 1px;
}

Thanks for your response. Where should I place the code? I’ve tried the Additional CSS section of the Customise interface then when I tired the Theme Header (header.php) section of the Editor [ https://ibb.co/f0USHQ ] the code appeared at the very top of the webpage (as you can see at slothitude.com ) but didn’t raise the page content.

I am a complete novice at coding although I’d like to change that so please excuse my ignorance.

This tut exlains adding Custom CSS quiet well:

https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

You may also want to ask the provider of your theme. Not all theme’s work the same.