Jump to content

Change Mobile Logo on one page

Recommended Posts

  • Replies 2
  • Views 507
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

11 hours ago, Quick2Hire said:

Site URL: http://www.quick2hire.co.uk

Can someone help?

I've managed to change the logo on a specific page, but it hasn't changed for the mobile version.

I want to know how to change a specific page logo for mobile. 

If anyone can assist it would be greatly appreciated.

I try using the pseudo element for the logo link and it seems fine. Kindly try adding to Home > Design > Custom Css

#collection-62f50295c540e678336f3df5 .header-title-logo a:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top:0;
  left: 0;
  background-image: url(https://images.unsplash.com/photo-1607081758728-78b82a34dc64?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTR8fGNvbGxlY3Rpb258ZW58MHx8MHx8&auto=format&fit=crop&w=500&q=60);
  background-position: center center;
  background-size: cover;
}

#collection-62f50295c540e678336f3df5 .header-title-logo a picture {
  visibility: hidden;
}

Change the url with your image. In addition to that change the your desired page ID  with #collection-62f50295c540e678336f3df5 on my code to set the logo on it

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

You can use the following extension to get the page Id Squarespace ID Finder

How to get page id: http://recordit.co/qwnj09oNCa

Hope they can help

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.