How to change width of body text in Carousel Mobile

#1. All Carousels

Use this code to Custom CSS box

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

#2. Specific Carousel

First, find the Carousel Section ID. Use this tool.

In my example, we will have ID:

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

Next, use this code to Custom CSS box

@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 the Carousel Section ID. Follow #2. We will have ID:

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

Suppose you need to change the width of the Third Item in the Carousel, we will use this CSS code

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