Hi there, am trying to centre align the testimonial image and name on mobile, I have tried multiple CSS but no luck. I have attached the link below, can you please help? Thank you.
Hey laurastenhouse,
Please try to add this CSS code in Quick CSS, located in Enfold > General Styling:
@media only screen and (max-width:767px) {
#top .av-large-testimonial-slider .avia-testimonial-meta-mini {
text-align: center;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
float: none;
margin-left: auto;
margin-right: auto;
}
}
Best regards,
Nikko
Thanks Nikko. I have tried it but nothing changed.
Hi laurastenhouse,
I don’t see the code I gave when trying to inspect your site.
If you have a caching plugin please flush it or if there’s a built-in internal caching provided by the server.
Or if you have Autoptimize plugin or any optimization/minification plugins, please flush it out as well.
If none works, please Disable CSS file merging and compression in Enfold > Performance.
Best regards,
Nikko
Ahh… working :) Thanks for your help.
Hi laurastenhouse,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko