I want to make my website responsive to mobile view, and for the footer I have added my brand logo - this looks good in the desktop view but when I am looking on my phone the logo looks quite big. How can I change the size of the image just for my phone.
1 Like
@KN2002 Can you please share this page link?
My website is not live yet, it is still wip.
@KN2002 - can you please share the preview link then?
renovawears.in
@KN2002 - password to view page?
Please share your store live link with your Password. So I can see your store and would be help for you.
Shared on message
Shared through message
@KN2002 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css
@media screen and (max-width:749px){
.footer-block__image-wrapper img {max-width: 70%; margin: 0 auto;}
}
1 Like
This did not work 
@KN2002 - because you added the code but by mistake closing bracket } before this code has been deleted, so you need to put it back. It is like first screenshot, you need to make it like 2nd
made this change, but it is still not working
@suyash1 anything that you are able to identify why this is not working.
@KN2002 _ it is working fine, I think you have solved the issue
@suyash1 Hey, the solution worked - I applied it on the custom css. thanks so much 
Any idea if we can also change the padding between image and quick links (next section in the footer)?
@KN2002 - add this as well
@media screen and (max-width:749px){
.footer-block__details-content.footer-block-image {margin-bottom: 0rem;}
.footer-block-image .footer-block__image-wrapper {margin-bottom: 1rem;}
}