Jump to content

Logo size on mobile for squarespace 7.1

Recommended Posts

Site URL: https://cornet-iris-bgm9.squarespace.com/

password: 222

Hello! I have been editing my current website when I realized switching to 7.1 might be something to look into. In 7.0, I was able to make my logo on the mobile version quite large. I was wondering if it is possible to make the mobile logos larger than the 150px in version 7.1 too! I've attached screenshots of my current website and the max it allows me in the 7.1 version. Thanks so much for your time!

IMG_0520 (1).PNG

IMG_0519 (1).PNG

Link to comment

It can be done with custom css

@media screen and (max-width: 767px) {
	.header-title-logo img {
        max-height: 250px;
    }
}

image.png.aa3182c688a2481173582317192a9276.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
2 hours ago, ana3000 said:

HI there! This didn't seem to change the mobile version. Is there anything else I can try? Thanks for your help!

Where did you add the code, you need to place in Design/Custom Css section on your page

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
6 minutes ago, bangank36 said:

Where did you add the code, you need to place in Design/Custom Css section on your page

Yes, I pasted it into the Custom CSS! It didn't change the mobile version. I am also trying to enlarge my site navigation text, but when I do this from the Font Editor it only applies to thr desktop version after a certain number. Could it be that squarespace has a maximum size for 7.1?

Link to comment
4 minutes ago, ana3000 said:

Yes, I pasted it into the Custom CSS! It didn't change the mobile version. I am also trying to enlarge my site navigation text, but when I do this from the Font Editor it only applies to thr desktop version after a certain number. Could it be that squarespace has a maximum size for 7.1?

I did not see the code in your custom css, please add it there and keep it so I can check

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 4 months later...
On 11/17/2020 at 8:41 PM, bangank36 said:

It can be done with custom css


@media screen and (max-width: 767px) {
	.header-title-logo img {
        max-height: 250px;
    }
}

image.png.aa3182c688a2481173582317192a9276.png

Applied this in Custom CSS but no effect as well. It's the only code in Custom CSS at the moment, nothing else. What seems to be the issue? Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.