background image in reference section


Thank you very much for your great development work.

I have built a website with the SpicePress PRO Child theme.

I have tested the site with different browsers on Windows and Android. Most of it runs well.

But I have some problems with the reference section on mobile devices - especially IPhones.


1) Chrome on mobil: the background image changes its size depending on the description text in the box.


2) Safari on mobil: the background image zooms to maximum size. (cf. screenshot)


Is there any workaround?


Thank you and best regards

safari on mobil.jpg
739 x 1600 - 123K


  • Thanks for contacting us!

    /*testimonial bg*/
    @media (max-width: 768px) {
    .testimonial-section {
        background-repeat: repeat !important;
        background-position: top center !important;
        background-size: contain !important;
    /*testimonial bg*/

    Let me know did it work!

  • Thank you very much for the quick answer.
    With this code, the page looks like this: cf. screenshot. (mobile Chrome on Android). 
    The image is repeated. That's not exactly what I'm looking for.
    1080 x 1920 - 1M
Sign In or Register to comment.