Image in Footer on Mobile is too big

Site URL: http://www.inyourhomepetcare.com/

Hi there, 

The logo in my footer is too big on mobile. How can I make it smaller on mobile only? Every code i've tried hasn't done anything. Thank you!

Site password is: iyhpc123

48 minutes ago, IYHPC said:

Site URL: http://www.inyourhomepetcare.com/

Hi there, 

The logo in my footer is too big on mobile. How can I make it smaller on mobile only? Every code i've tried hasn't done anything. Thank you!

Site password is: iyhpc123

Hi, try adding this code to custom css (Design > Custom CSS), and let me know how it goes 🙂 

@media screen and (max-width:767px) {
  #block-yui_3_17_2_1_1647046199937_12384 {
    width: 40%;
  }
}

@Jia That worked! How do I center the image though? And if there's a way to center the footer text on mobile too, that would be incredible!!
Thank you so much! 

49 minutes ago, IYHPC said:

@Jia That worked! How do I center the image though? And if there's a way to center the footer text on mobile too, that would be incredible!!
Thank you so much! 

Sure thing, here's the code to center everything:

footer#footer-sections {
  text-align: center;
  .sqs-block-button-container--left {
    text-align: center;
  }
}


#block-yui_3_17_2_1_1647046199937_12384 {
  margin:auto;
}

@Jia Incredible! Thank you so much!