Jump to content

Need to change the homepage logo on mobile only.

Recommended Posts

Site URL: https://the-social-foundry.squarespace.com/


I need to change the logo on the homepage for mobile only to the lighter version of the logo. I have managed to do it for desktop but it's still not working on the mobile.

I have tried to use this code: 

/**mobile logo**/
@media screen and (max-width:767px) {
#collection-62fb227fa851d622757b00d8 .header-display-mobile .header-title-logo img {
content: url('https://static1.squarespace.com/static/62d489a72f708047f088a254/t/63167e1e74c45411df316e4d/1662418462966/SF_LINEN-15.png') !important;
max-height: !important;

See screen recording below. 

Website: https://the-social-foundry.squarespace.com/
Password: social 


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Use this code for mobile logo

.header-mobile-logo img {
    content: url(https://static1.squarespace.com/static/62d489a72f708047f088a254/t/63167e1e74c45411df316e4d/1662418462966/SF_LINEN-15.png);;


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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.