Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

How to use different site headers on different pages on 7.1?


Recommended Posts

Hi! I'm very new with Squarespace and I have found it quite easier to work with 7.1 version. I have a personal blog, I have built a home page, and the blog separately. I would really like to use to a different (or at least a different logo) on the blog page and each blog post. Is there a possibility of doing it with CSS? I'm not code-savvy at all, so I'd appreciate anyone's help. 

Link to post
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

With Logo, you can use custom CSS or jQuery/JavaScript to change logo

With Navigation, you can put all items to Main Navigation, then use CSS to hide homepage items on Blog page/post, and hide blog items on Homepage

If you can share link to homepage and blog page/post, we can take a look.

Link to post

Thanks so much for the answer! The new site isn't up yet, I'm working on it and I'll have to transfer the domain, so I guess I can't share the link?

Could you give me the CSS that you would use for this? I think only changing the logo image for the blog and posts would be great.

Thank you very much for the help

Link to post

See my signature to know share url.

If you can't share url, difficult to give exactly code, and you won't even get an answer

To change Logo, i always use this code

<script>
  $(".scrollNav img").attr("src", "https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg")
</script>

 

Edited by tuanphan
Link to post
  • 1 year later...

I've managed to remove the logo from the home page site header on desktop using the code below. However, it's still showing on mobile. How can I remove it from both, please? 

}
.homepage .header-title-logo {
  display: none!important;
}

 

Link to post
On 1/11/2021 at 3:42 AM, LYDIAPALESCHI said:

I've managed to remove the logo from the home page site header on desktop using the code below. However, it's still showing on mobile. How can I remove it from both, please? 

}
.homepage .header-title-logo {
  display: none!important;
}

 

Can you share site url? We can check easier

Link to post
  • 2 months later...
  • 2 weeks later...
On 4/1/2021 at 12:57 AM, lydialsp said:

stozzys.com/read-stories

Use this new code

/* remove homepage logo */
.homepage .header-title-logo, homepage .header-mobile-logo img {
  display: none!important;
}

 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...