background image in reference section

Hallo,

Thank you very much for your great development work.

I have built a website with the SpicePress PRO Child theme. https://friese-kanzlei.de/

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

Comments


  • 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!

    Thanks
  • 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.
    Screenshot_20190320-091250.png
    1080 x 1920 - 1M
Sign In or Register to comment.