We have a WordPress site with the Bridge theme installed. The home page features a widget for sliding testimonials, which works perfectly on desktop but has some issues on mobile. When viewed in landscape orientation, the testimonials appear fine, but they disappear when in portrait mode. Visual Composer has generated custom CSS for this section of the page, and I am aware that direct editing is not possible. What modifications should be made and where should they be placed?
HTML: I am unable to provide the actual HTML code due to formatting restrictions. However, here is a screenshot for reference: https://i.sstatic.net/NDEfb.png
**Additional CSS (May be helpful):**
.title {
height: 70px !important;
}
.entry-meta .tags-links {
display: none;
}
.four_columns > .column1,
.four_columns > .column2,
.four_columns > .column3,
.four_columns > .column4 {
width: 33%;
}
@media only screen and (max-width: 800px) {
.carousel .carousel-inner .slider_content_outer,
.slider_content_outer iframe {
width:100%!important;
height:230px!important;
}
}
@media only screen and (max-width: 600px) {
.footer_top .column1,
.footer_top .column2,
.footer_top .column3,
.footer_top .column4 {
width:100%!important;
}
.vc_custom_1454324358316 h2,
.vc_custom_1454324358316 h3 {
color: #000000!important;
}
#contact-form {
float: left;
width: 100%;
height: 5px;
}
}