List Section Text Size in Mobile View

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?

Thanks!
Blayne

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?

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

My testing

@bangank36 This worked!  Thank you!