Jump to content

Logo resizing on home page only

Recommended Posts

Site URL: https://www.tribeandsol.com

Can you tell me how I can make the logo on the home page larger but leave the logo on all other pages and mobile regular size?

If I increase it in site title and logo all the other pages change to the huge logo  and I only want the home page logo to be large.

this is the link for the new home page I'm working on https://tribeandsol.squarespace.com/home-2

Thanks in advance.

Link to comment
  • Replies 7
  • Views 1k
  • Created
  • Last Reply
31 minutes ago, MoonMama said:

Site URL: https://www.tribeandsol.com

Can you tell me how I can make the logo on the home page larger but leave the logo on all other pages and mobile regular size?

If I increase it in site title and logo all the other pages change to the huge logo  and I only want the home page logo to be large.

this is the link for the new home page I'm working on https://tribeandsol.squarespace.com/home-2

Thanks in advance.

You can try adding to Home > Design > Custom Css

@media only screen and (min-width: 800px) {
  #collection-5f9d130942433c0d82f3dc62 .header-title-logo img {
    max-height: 150px;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

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

Each page has a unique id. Therefore, if you want to set it on another one, you can make a copy of previous code and change the page's id

  #YourPageId .header-title-logo img {
    max-height: 150px;
  }

To get your Page Id, you can use the extension Squarespace ID Finder
Here are the steps you can follow to use it

Hope it can help you

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

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
15 hours ago, MoonMama said:

Hi, 

That worked thank you but it pushes the nav menu down the bigger the logo gets. How can I keep that from happening? To have the menu stay at the top of the page?939937856_ScreenShot2021-10-29at9_06_07PM.thumb.png.3dfe99f9bca3d79dad0de76667f96ebb.png

You can try

.header-title-nav-wrapper,
.header-background + .header-display-desktop,
.header-actions-action.header-actions-action--cart a {
  align-items: flex-start !important;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace
🚀 Learn how to rank new pages on Google in 48 hours!

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.