White space in between navigation menu bar and content widget

Hi Rachel,

You were really close! Try the CSS below.
If you add the code in the Simple CSS metabox in this page then it will only apply to this page.

.separate-containers .site-main, .entry-content {
    margin-top: 0px;
}
.separate-containers .inside-article {
    padding-top: 0px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

Thanks Leo! It work perfectly!

You're welcome :)

Hi Leo,

I wanna do the same thing for all the subpages - hide the page title and replaced by a full size image. Which CSS code I should add on the pages? (www.finkelsteinfinancial.com/about)

I have tried the following based on what you have given above, but there is a white space showing in between navigation menu bar and widget again. Please advise.

.separate-containers .entry-content {
margin-top: 0px;
}
.separate-containers .inside-article {
padding-top: 0px;
}
@media screen and (min-width: 61.5625em) {
.entry-title {display: none;}
}

You can hide the page titles using Disable Element: https://docs.generatepress.com/article/disable-elements-overview/

That white space can be removed with this CSS:

.separate-containers .site-main {
    margin-top: 0px;
}

Let me know.

Awesome! Thank you

You're welcome!