Testimonials out of line in responsive

Hello,

I’m putting together testimonials and the boxed grid layout looks good on PC, however, on mobile is no aligned, it overlaps with the content above and the title is also overlapping with testimonial down in middle.
See attached photo shows layout on mobile.
This row is deactivated on my website so it cannot be seen just by visiting website at this time.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please activate the row so we can check it now?

Thank you

Ok, it’s activated.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

@media (max-width: 991px){
   .testimonials.testimonials-grid{
        flex-direction: row;
        -ms-flex-direction: row;
    }
    .testimonials.testimonials-grid.testimon-columns-3 .testimonial{
        -webkit-flex-basis: 100%;
        -ms-flex-basis: 100%;
        flex-basis: 100%;
    
    } 
}

Perfect, it worked. Thank you.

You are welcome!

[Author]

Posts