Jump to content

different sized logo for mobile and desktop version

Recommended Posts

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

Hi! I'm wanting to have two different sized logos for mobile and desktop view.

Currently, I feel that the desktop view of my logo is a bit small, although I'm happy with how it displays on mobile. 

I've had success with changing the logo size using custom code, however this obviously changes the size on both mobile and desktop. 

Any advice on how I can change the desktop size without altering how it currently looks on mobile?

Link to comment
  • Replies 2
  • Created
  • Last Reply

To change logo size on Desktop, add this to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-title-logo img {
    max-height: 100px;


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


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.