Jump to content

Changing the mobile on certain pages

Go to solution Solved by tuanphan,

Recommended Posts

Hey all, I need help changing the mobile logo on certain pages. 

I've used this code in the advanced page header which works for desktop, but doesn't change on mobile as well. Can some please help. 

<style> 
div.header-title-logo a {
content:url("https://static1.squarespace.com/static/6297984c16b96d38a8a3db46/t/64946b887fe5ea59581ee0c6/1687448456951/_light.png") !important;
}
</style>

I've photos of how it's currently looking on desktop and mobile for context. 

Screenshot 2023-06-22 at 16.54.44.png

Screenshot 2023-06-22 at 16.54.49.png

     

Emily Lewis

Founder of TwoFold
Squarespace websites for service-based businesses
twofold-studios.com

Link to comment
  • Replies 2
  • Views 267
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Change your code to this new code

<style> 
header#header img {
content:url("https://static1.squarespace.com/static/6297984c16b96d38a8a3db46/t/64946b887fe5ea59581ee0c6/1687448456951/_light.png") !important;
}
</style>

 

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
6 hours ago, tuanphan said:

Change your code to this new code

<style> 
header#header img {
content:url("https://static1.squarespace.com/static/6297984c16b96d38a8a3db46/t/64946b887fe5ea59581ee0c6/1687448456951/_light.png") !important;
}
</style>

 

Thank you so much, it worked! Really appreciate it!

     

Emily Lewis

Founder of TwoFold
Squarespace websites for service-based businesses
twofold-studios.com

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.