Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
alessia

Hayden: How can I resize my logo?

Question

I’m using Hayden and already tried the Custom CSS

.site-title img {  max-height: XXXpx;  max-width: XXXpx;}

With various sizes but in vain. Any ideas? I’m not on developer platform, could that be it?

cadoganfs.squarespace.com

Thank you

Edited by Jeng
retag

Share this post


Link to post

16 answers to this question

Recommended Posts

  • 6

Hello! You'll want to modify the Logo not the title, so try using the following CSS:


#logoImage img {
   height: auto;
   max-height: 100px;
   max-width: 100%;
   width: auto;
}

Then you can adjust the max-height to make your logo larger.

Hope that helps!

Share this post


Link to post
  • 1

Hooray! Glad it worked! You can add a margin-left property to move the logo back towards the left side of the screen so your updated code would look like this:


#logoImage img {
   height: auto;
   margin-left: -33px;
   max-height: 150px;
   max-width: 100%;
   width: auto;
}

Then adjust the margin-left however you want as well as the max-height.

Hope that helps!

Edited by startzman

Share this post


Link to post
  • 1

@jaycawbo:

It would be best if you post a separate question so that this thread doesn't get hijacked. In your question, be certain to give the template name so other users can search on it, and give a link to your site.

Post a comment here with a link to your question. I'll try to help.


I'm a retired attorney who was asked by a friend to build a website. In a prior lifetime, in a galaxy far, far away and long, long ago, I was a computer systems analyst / programmer. I'm a novice autodidact in CSS, JavaScript and HTML learning in part by example.. I've asked questions on this forum and been lucky enough to have others help me, so I'm inclined to answer any question I can. Pay it forward.

Share this post


Link to post
  • 0

I have tried the CSS code above, and I can’t get my logo to enlarge, either. I don’t know if that will help you find a solution, but If you figure it out, please post here, because I need help, too.

I’m loving the Hayden template and don’t want to switch.

Edited by rootsandwingsbarn

Share this post


Link to post
  • 0

Does anyone know the code to fix this issue in the mobile setting? Using this code, the logo looks great on computer but is compressed in the mobile setting. Thanks!

Share this post


Link to post
Guest
This topic is now closed to further replies.

×
×
  • Create New...