Jump to content

List Section Text Size in Mobile View

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

4 hours ago, BlayneG87 said:

Site URL: https://www.losangelique.com

Hello,

I have a list section I use for testimonials on the site.  However, in mobile view the text size is too big so it ends up being a long column of words which makes it hard to read.  Is there a CSS code fix for making the text smaller in the list section in mobile view?

image.thumb.png.a84ce869dbd147cd4d09175400e6abe7.png

Thanks!
Blayne

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="626dad9e61a39b380fd844b3"] .list-item-content__description p {
    font-size: 13px;
    /*font size of text*/
  }
  section[data-section-id="626dad9e61a39b380fd844b3"] .list-item-content__description {
    max-width: 60% !important
      /*width of content*/
  }
}

Let me know how it works on your site

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

My testing

image.png.6e9f1d54c83a6474010057b65115ef9d.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

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.