Make site title logo image larger on Squarespace 7.0 (Pacific family, Horizon)

Trying to make my site title larger on my squarepace 7.0 template. I'm using an image as the site title but max width is 300px. This is probable very simple but I'm new to the revised interface and my FAAFO method is not working for me this time!

Can you share your website URL?

Here you go!

https://www.alexturner.com/

Try adding this to Custom CSS:

#logoImage img {
    width: 500px;
    max-width: 500px;
}
#header #logoWrapper, #header #logoImage {
    width: 500px;
}

Thank you so much! This works perfectly for desktop but not changing size on mobile for some reason. Do you know if there is something else I could try or perhaps just disable the mobile layout?

Thank you very much @Ziggy! Just saved me a lot of time!

Just now, Trickpix said:

Thank you very much @Ziggy! Just saved me a lot of time!

Happy to help. Thanks for marking my post as the solution, if you can give it a like too that's always appreciated!

Last question! The mobile site and desktop are now displaying the properly sized title but changes haven't carried over to tablet view. Is there another bit of code to use for tablets as well?

On the last piece of code change the max-width value from 767px to 900px.

Hi, I could use some help. I'm having the same problem, but this code didn't work.

url is thebakergrp.com

#logoImage img {
    width: 880px;
    max-width: 880px;
}
#header #logoWrapper, #header #logoImage {
    width: 880px;
}

Just now, pantano3 said:

Hi, I could use some help. I'm having the same problem, but this code didn't work.

url is thebakergrp.com

#logoImage img {
    width: 880px;
    max-width: 880px;
}
#header #logoWrapper, #header #logoImage {
    width: 880px;
}

I used to have this code in there which was great, but it has stopped working

.Header-branding-logo {

    max-width: 880px;

}

.Mobile-bar-branding-logo {

  width: 23%;

}

On 6/20/2024 at 9:59 PM, pantano3 said:

I used to have this code in there which was great, but it has stopped working

.Header-branding-logo {

    max-width: 880px;

}

.Mobile-bar-branding-logo {

  width: 23%;

}

I see you solved with this code?

.Header-branding-logo {
    max-width: 85%;
    width: 55vw !important;
}