Increase logo size on Squarespace - Rebekah Read Creative

Increase logo size on Squarespace

I got this coding question the other day:

“On Squarespace 7.1, how do you add an image to the menu OR make the logo bigger than the allotted 320 px? Plus I want it to be mobile friendly.”

Don’t worry friend, I’ve got you!

There are a few ways to do this.

  1. Set the menu navigation transparent and then set a background photo for the section below.
  2. Edit the site header, click “site title & logo”, add the logo and make it as big as you can (320 px). Then go to Design > Custom CSS > add this code:
.header-layout-branding-center-nav-center .header-title-nav-wrapper {flex-basis:100%!important; align:center!important; height:33vw; margin-top:-2vw; padding-bottom:2vw}
.header-title-logo img {
width: auto;
max-width: 100%;
max-height: 800px;
}

SEE THIS IN ACTION ON THIS WEBSITE!

Want more Squarespace blogs? > Squarespace Blogs

Interested in a different type of blog post? SELECT BELOW!

Leave a Reply

Your email address will not be published.

pair beautiful brand design with an intentional website strategy so they can book more clients and make more money doing what they love!

Helping creative entrepreneurs

Instagram is kind of my thing!
Let's connect!
@rebekahreadcreative

Home

Read The Blog

Privacy policy

back to top

How to design a website that converts!  Learn how to DIY your website with this FREE guide.

Let's connect!

I WANT THAT!