Jump to content

Need css help with logo change on mobile for a specific page

Recommended Posts

9 minutes ago, leilollipop said:

The desktop version of my logo is white, but when I preview the mobile version, the logo appears gray. I need help changing the logo to white. 

Thank you!

Screen Shot 2022-11-01 at 10.17.09 PM.png

We can work around it with some Css code. Can you share your URL site and the protected password (if you have)?

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Hi @leilollipop, try this code, it targets just that one page on mobile:

#collection-635c6c71a5ba142eb1b00a9d { 
  .header .header-title--use-mobile-logo .header-mobile-logo img {
    filter: invert(1);
}

Hope that helps!

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Sorry about that, try this instead:

#collection-635c6c71a5ba142eb1b00a9d { 
 .header-mobile-logo img {
    filter: invert(1);
 }
}

 

Edited by Ziggy
Corrected code

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

I'm not sure why that didn't work, it works for me when I test it. Would you be able to share access to your website so I can test this and find a solution for your website?

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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.