Hey there,
i have trouble with the testimonial content element on my site.
It works fine on most screen size. However on my Smartphone the icon and the name are not displayed in one line but rather unorganised in tow rows.
See for yourself:
Is there any fix to that?
Cheers Dennis
Hi Dennis,
Your screenshot is not loading, could you post a link to where we can see the issue instead please?
Best regards,
Rikard
Hi Dennis,
Best regards,
Victoria
Hey Victoria,
that`s exactly the section I was talking about.
Do you see how the logo is not centered?
Is there any way the Icon and the Text below the icon can be displayed in one line?
Or at least center the icon?
Cheers Dennis
Hi Dennis,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 479px) {
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
padding: 0px 25px;
}
#top .avia-slideshow-arrows a.next-slide {
right: -40px;
}
#top .av-large-testimonial-slider .avia-slideshow-arrows a.prev-slide {
left: -40px;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey Victoria,
the code worked perfect.
Thanks so much!
Dennis
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon