How do I get my nav bar to display on all of my pages, and keep a background? Using Brine

charcol · September 30, 2022

Hello!

I am trying to figure out how to display my navigation bar on all of my pages, and not just the homepage. I have already uploaded a CSS code to add a background to the bottom header, which is where I have the nav buttons displayed so that it looks like they have a background bar. I added some code to reduce the margin top on my other pages and the nav buttons display, but no background... I also noticed that the text is black, and with the background, I would prefer for them to be white.

Please advise!!!

I have included pictures of one of the child pages showing the nav buttons with no background and a picture of my homepage with the desired nav buttons featuring a colored background.

Thank you in advance! (Site password is 8520)

Edited September 30, 2022 by charcol

tuanphan · October 1, 2022

Add to Design > Custom CSS

body:not(.homepage) header.Header.Header--bottom {
    background-color: #033500 !important;
    height: 100px;
}
body:not(.homepage) header.Header.Header--bottom * {
    color: white !important;
}

How do I get my nav bar to display on all of my pages, and keep a background? Using Brine

Recommended Posts

charcol

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources