Problem with navigation bar sitting on top of the top banner

Site URL: https://www.theilluminist.com

Hello,

I have a problem with the navigation.
On the home page it is correct - i.e. the navigation sits beneath the logo and above the top banner,

However, on other pages - such as https://www.theilluminist.com/sessions - the navigation is ontop of the banner.
I need the navigation to be on the black colour (beneath the logo) on each page.
I will need to change this throughout the site as it seems that the home page is only place its correct.
I have been fiddling around but i cant seem to work out how to do this.

Any advice? Thank you!

Hello, can anyone assist with this?

The navigation is at the same spot on every page, same padding beneath the logo including home. You can't tell there because the page is so black including the banner. If you use code to shift it up it will do so on all pages including home. You might want to consider splitting the nav to either side of the logo.  This will help you with the Brine Template Family layout: https://www.jodineufelddesign.com/blog/how-to-set-up-your-header-layout-on-the-brine-template-in-squarespace

Add to Design > Custom CSS

body:not(.homepage) header.Header--bottom {
    background: black;
}

Tuanphan - Ah - I tried that and have seen what it has done. Client i know wants nav to be beneath the logo. Any way of doing that?

At least it looks better for now! 🙂

Hi Derrick, thank you! I am taking a look at this and seeing if i can figure this out 🙂