Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article.
Testimonials are displayed very large on mobile devices. Can the testimonials be configured so they can be pinch squeezed on the mobile touch screen device to reduce the size of the font?
Of course! Thank you for pointing on this. I'll include a fix in a next theme update and you can add the following CSS code right away:
@media only screen and (max-width: 768px){
.testimonials-cols-1.testimonials-style-minimal .testimonial-content p {
font-size: 18px;
}
}
@media only screen and (max-width: 480px){
.testimonials-cols-1.testimonials-style-minimal .testimonial-content p {
font-size: 16px;
}
}
You can of course adjust those sizes to your needs. :)
The "max-width: 480px" stands for the number of pixels in width on a specific mobile device and the code below it applies only for them. 480px are most mobile devices in vertical view including iPhones.
Oh, sure. You can insert it in Theme Options / Advanced / Custom CSS textarea or directly to your theme's style.css within the Appearance / Editor but the first method is recommended. :)
Testimonials are displayed very large on mobile devices. Can the testimonials be configured so they can be pinch squeezed on the mobile touch screen device to reduce the size of the font?
Hello Jim,
Of course! Thank you for pointing on this. I'll include a fix in a next theme update and you can add the following CSS code right away:
@media only screen and (max-width: 768px){ .testimonials-cols-1.testimonials-style-minimal .testimonial-content p { font-size: 18px; } } @media only screen and (max-width: 480px){ .testimonials-cols-1.testimonials-style-minimal .testimonial-content p { font-size: 16px; } }You can of course adjust those sizes to your needs. :)
The "max-width: 480px" stands for the number of pixels in width on a specific mobile device and the code below it applies only for them. 480px are most mobile devices in vertical view including iPhones.
Kind Regards,
Veented Team
Do you mind if I ask where I can add the CSS code? I am new to this. Jim
Hello there,
Oh, sure. You can insert it in Theme Options / Advanced / Custom CSS textarea or directly to your theme's style.css within the Appearance / Editor but the first method is recommended. :)
Kind Regards,
Veented Team
Thank you - It works....
Hello Jim,
You are welcome, I'm glad it works! :)
Kind Regards,
Veented Team