How to get Testimonials text to show on mobile in portrait orientation?

109 Views Asked by At

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: Sirona Therapy Home Page HTML for Testimonials

**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;}
1

There are 1 best solutions below

2
On

Okay... it does uses

@media (max-width: 767px) and (min-width: 320px){
 .vc_custom_1454330137581 { display: none;}
}

css rule to hide the testimonials if screen is less than 768px.... but you can overwrite this... using....

add_action('wp_footer', 'show_testimonials_on_mobile' );
function show_testimonials_on_mobile(){?>
  <style>
     @media (max-width: 767px) and (min-width: 320px){
       .vc_custom_1454330137581 { display: block!important;}
     }
  </style>
<?php}

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....

showing testimonias