Jump to content

Replacing site logo for specific project pages on mobile 7.1

Recommended Posts

Site URL: http://mattgoolsby.co


For the mobile version of my site, I need each of my project pages under the 'Work' section to display a white logo in the header instead of the black one.

I was able to do it for desktop via code injection (I think that's what it's called), and after hours of searching I've only been able to find code that will make the white logo appear on ALL pages on mobile, which doesn't work for my home page since it has a white background. I need that one to stay the way it is.

Can someone please help me change the logo on ONLY my individual project pages that are under 'Work' on my site? I would appreciate it so much, I've reached the limit of what I think I can do myself.

My site is mattgoolsby.co

Thank you so much!

Link to comment

This is the code I used for each page in the injection:


#item-6186da965b5d090dcbbb7dd7 div.header-title-logo a {
content:url("https://static1.squarespace.com/static/6186d8a015f52510bba716bc/t/618b327a8ed6656004dc9456/1636512378068/Primary_1b.png") !important;     
max-width: 290px;




Is there something I can add to that to make it apply to mobile as well as desktop?

That seems like it would be the easiest route if that's even possible.


Thanks for any and all input.

Link to comment

Nevermind I figured it out!

For anyone interested, I copied the exact same code I showed above (I had it for each page I wanted to change) and pasted it into Advanced (header injection). I had four so I had that code in there four different times, each one with a different id that corresponded to the pages I was targeting.

Then in those copies, just experimenting I changed "div.header-title-logo a" to "div.header-mobile-logo a" for sh*ts and grins.

It worked perfect.



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.