Testimonials cut off on mobile

Hey Krissie,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.avia-testimonial_inner h2 em {
  font-size:16px !important;
}
}

Best regards,
Rikard

Hi,

The ones you have not wrapped in em tags are cutting off, please try to make all the testimonials consistent or the CSS won’t work for all of them.

Best regards,
Rikard

Hi,

When you add text in the text editor, you have the option to style the text in the toolbar. For instance you can make the text bold/strong, that will wrap the text in a html tag which I targeted with the CSS I gave you. You could try to make your markup consistent by making all your testimonials bold. Or just try this CSS instead:

@media only screen and (max-width: 767px) {
.avia-testimonial_inner h2 * {
  font-size:16px !important;
}
}

And by Avada you mean Enfold I presume?

Best regards,
Rikard