Jump to content

Fix text wrapping on mobile on 7.1

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://banjo-rust-5rz2.squarespace.com

The site password is "test1". We are trying to figure out how to change things such that on mobile, text doesn't wrap arbitrarily, and possibly scales down if needed. You can see an example of the text wrapping on the mobile view on the first section of the front page. I'm not sure if there is an easy way to do this, or there is a more preferred way and just to change the copy? Thank you!

Edited by mcocode
Link to comment
  • Solution
On 5/4/2021 at 6:22 AM, mcocode said:

Site URL: https://banjo-rust-5rz2.squarespace.com

The site password is "test1". We are trying to figure out how to change things such that on mobile, text doesn't wrap arbitrarily, and possibly scales down if needed. You can see an example of the text wrapping on the mobile view on the first section of the front page. I'm not sure if there is an easy way to do this, or there is a more preferred way and just to change the copy? Thank you!

Add to Design > Custom CSS

[data-section-id="60770ccb5a0fc05aacc60e86"] .content {
    width: 70% !Important;
}
@media screen and (max-width:767px) {
div#block-e2bc9aa093a924ac1fa9 h1 {
    font-size: 35px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.