Handy Pro

[Carlos Raez Campos]

Hello i have this website
http://www.clinicadelpieaitanalopez.com

at the section of the image background brown i want to make this image responsive…

i see perfect at computer…

thanks

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
#testimonials { background-size: 100% auto !important; padding-bottom:0;}
.testimonials-home { height:150px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
#testimonials { background-size: 100% auto !important; padding-bottom:0;}
.testimonials-home { height:250px;}
}

@media screen and (min-width:1024px) and (max-width:1160px) {
#testimonials { background-size: 100% auto !important; padding-bottom:0;}
.testimonials-home { height:370px;}
}

Regards,
Dave

[Carlos Raez Campos]

Thanks but you see the website at mobile not looks well….

the image background is the image is not centered

http://www.clinicadelpieaitanalopez.com

[Forum Moderator]

Hi,

Kindly use this one

@media screen and (max-width:479px) {
#testimonials { background-size: 108% auto !important; padding-bottom:0;}
.testimonials-home { height:150px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
#testimonials { background-size: 100% auto !important; padding-bottom:0;}
.testimonials-home { height:250px;}
}

Regards,
Dave

@media screen and (min-width:1024px) and (max-width:1160px) {
#testimonials { background-size: 100% auto !important; padding-bottom:0;}
.testimonials-home { height:370px;}
}

[Author]

Posts