[Share] How to change width of body text in Carousel Mobile

You can use these code to Website Tools > Custom CSS to change Carousel body text width on Mobile.

If code doesn't work, you can send link to page where you use Carousel, I will check again.

#1. All Carousels

@media screen and (max-width:767px) {
  .list-item-content__description {
 	 max-width: 100% !important;
  }
}

#2. Specific Carousel

First, find Carousel ID. 

In my example, we have

section[data-section-id="66bc7068e7f60e4ec15d760d"]

Then we can use code

@media screen and (max-width:767px) {
  section[data-section-id="66bc7068e7f60e4ec15d760d"] .list-item-content__description {
 	 max-width: 100% !important;
  }
}

#3. Specific item in Carousel

First, find Carousel ID. Similar #2. Then use CSS code like this

@media screen and (max-width:767px) {
  section[data-section-id="66bc7068e7f60e4ec15d760d"] li:nth-child(3) .list-item-content__description {
 	 max-width: 100% !important;
  }
}

Note: nth-child(3) = Carousel item 3