We're running WordPress with Bridge theme. It has a built in widget for sliding testimonials. It is included on our home page. It works fine on desktop. On mobile they appear when in landscape orientation, but disappear when in portrait. Visual Composer has generated custom CSS for that part of the page. I understand I can't directly edit it. What would I need to add/change, and where should that addition/change be placed?
HTML
I can't get the actual HTML from our page to pass the formatting requirement. Here's a screen capture:
**Additional CSS**(Not sure if 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;}
Okay... it does uses
css rule to hide the testimonials if screen is less than 768px.... but you can overwrite this... using....
but i am afraid you have to apply some responsive CSS rules as it is not made responsive for mobile....
Note : instead of
vc_custom_1454330137581
you can add unique id to vc_row shortcode and use that id.. for more future proof solution....