Jump to content

How to center Navigation Bar and make Logo dissappear

Recommended Posts

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/

Link to comment
  • Replies 3
  • Views 376
  • Created
  • Last Reply

Top Posters In This Topic

On 2/19/2023 at 12:26 AM, unknownjason said:

Update: I figured out how to remove the logo from the home page, but still struggling to figure out how to center the navigation links.

 

What is site access password?

On 2/20/2023 at 12:57 AM, 26mlembeck said:

How did you remove the logo from the home page?

Add to Design  > Custom CSS

body.homepage header#header img {
	visibility: hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.