Handy Pro

Home Forums Handy Theme Support Handy Pro

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #125855
    Carlos Raez Campos
    Participant
    • Topics: 103
    • Replies: 89
    • Total: 192
    Member since: May 17, 2018

    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

    #125869
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25512
    • Total: 25512
    Member since: August 16, 2013

    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

    #125871
    Carlos Raez Campos
    Participant
    • Topics: 103
    • Replies: 89
    • Total: 192
    Member since: May 17, 2018

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

    the image background is the image is not centered

    http://www.clinicadelpieaitanalopez.com

    #125873
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25512
    • Total: 25512
    Member since: August 16, 2013

    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;}
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.