Testimonial text

Hi!

This is only a minor problem, but still. When I view my site on a smartphone the testimonial texts almost touch each other due to the small screen space. So when reading one testimonial, the letters of the next testimonial is visible. Looks a bit sloppy. The problem is only when using a smartphone in portrait mode. Any way to adress this?

My site: http://bamm.fi/

Dear Rbamm and Athemes community!

I am having the same issue even on the Desktop screen and don’t know how to resolve that.
https://www.sectel.io/ (lower right corner of the front page)

Believe this is the same issue/bug.

Further info:
FIREFOX shows this error on MAC and UBUNTU.
CHROME UBUNTU shows this error.
SAFARI MAC doesn’t show this error.

Once the website visitor changes their browser zoom level the testimonials show nicely centered. [I know this related only to Desktop, but it may help the experts on identifying the cause]

Hope for soon relief… I trust in the experts here :wink:

Ray

Hello @rbamm,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width: 480px){
  
  .roll-testimonials,
  .roll-testimonials .owl-item > div{
    max-width: 244px !important;
  }

  .roll-testimonials .owl-item > div{
    padding-left: 20px;
    padding-right: 20px;
  }  
  
}

Let me know how it goes.

Regards,
Kharis

Hello Ray,

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.roll-testimonials{
  max-width: 488px;
}

Let me know how it goes.

Regards,
Kharis

Kharis,

thanks! Worked our well! My problem is resolved.

And I put the

@media only screen and (max-width: 480px){
  .roll-testimonials,
  .roll-testimonials .owl-item > div{
    max-width: 220px !important;
  }
  .roll-testimonials .owl-item > div{
    padding-left: 20px;
    padding-right: 20px;
  }  
}

to work nicely on iPhone 5 screen width.
With 244px still had the effect @RBAMM encountered.

Thanks again! Good job.
Regards, Ray