Hello,
I'm trying to do a few things..and for context, this is where I'm currently at..
I've put a banner above my navigation bar with this code:
/* Add a banner */
body.homepage div#siteWrapper:before {
content: "";
background-image: url(https://images.squarespace-cdn.com/content/61d9c4e7662c545dfe96ccd0/ee46046b-3759-48f2-bd6b-d4df308bcb0a/Logo3.png?content-type=image%2Fpng);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 100%;
height: 300px;
}
/* Add sticky header */
header#header {
position: sticky !important;
top: 0;
}
And that works beautifully.
I'm not sure why, but it seems to only apply to my homepage, and I'm actually happy with that.
Now I'm trying to get the navigation bar to be centered underneath the banner image and for the logo image to disappear -- but also only on the home page.
For the rest of the site I'd like for the banner above to disappear and for the navigation bar to act as normal.
Any thoughts?
Link: https://heptagon-sepia-ry9k.squarespace.com/