Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

Custom code to make header logo bigger doesn't work any more in 7.0 site

By pantano3, in Customize with code

Go to solution Solved by yubrajs,

Recommended Posts

pantano3 Level 4

pantano3

Posted
Posted

I had some custom CSS that is no longer affecting the logo size, so now the logo is tiny:

.Header-branding-logo {

    max-width: 880px;

}

.Mobile-bar-branding-logo {

  width: 23%;

}

 

  • Replies 3
  • Views 914
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
yubrajs Level 5

yubrajs

Posted
  • Solution
Posted

Add this code:
.Header-branding-logo {

max-width: 100%;
  width: 60vw !important;
}

Image look grainy to fix that you have to remove the sizes attribute from the image tag with javascript.

This is for mobile:
.Mobile-bar-branding-logo {
  width: 340px;
}

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources