Hayden: How can I resize my logo?

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

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.

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!

It worked! Now I only need to figure out how to have it less central but size is now perfect. Thank you :D

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!

Thank you. I owe you a pint if you're ever in London :)

Terrific! I'm glad that worked. And now I have yet another reason to visit London!

It worked for me, too! Thank you so much!

So glad it worked for you too roots!

Yay! Just what I was looking for. Worked great. thanks!

Thank you, this was such a big help!!

It worked nicely for me, too. Thanks! :)

It worked nicely for me, too. Thanks! :)

This isn't working for me. Any ideas??

This isn't working for me. Any ideas??

@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.

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!