How to put padding between header and content area

I’d like to add some whitespace between the header area/main nav

  • and the content (+ sidebar title txt)
    so that the Page title and widget sidebar titles start a bit more down on the page, not right below
    (maybe even with a black ‘div’ line between would be good)
    How can I do that?


Please try to add the CSS code below using Custom CSS plugin:

.site-main {
    padding-top: 70px;

feel free to adjust the value of the padding-top from the code in above.