Shopify Dawn Theme Mobile View Footer

[KN2002]

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.

[suyash1]

@KN2002 Can you please share this page link?

[KN2002]

My website is not live yet, it is still wip.

[suyash1]

@KN2002 - can you please share the preview link then?

[KN2002]

https://renovawears.in/

[KN2002]

renovawears.in

[suyash1]

@KN2002 - password to view page?

[KN2002]

Shared on message

[suyash1 · Accepted solution]

@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;}
}

[KN2002]

This did not work 😞

[suyash1]

@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

[KN2002]

made this change, but it is still not working 😞

[KN2002]

@suyash1  anything that you are able to identify why this is not working.

[suyash1]

@KN2002 _ it is working fine, I think you have solved the issue

[KN2002]

@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)?

[suyash1]

@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;}
}

[ShishirHelps]

@KN2002 

Please share your store live link with your Password. So I can see your store and would be help for you.

[KN2002]

Shared through message