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.

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

@KN2002 - password to view page?

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

This did not work :disappointed_face:

Shopify Dawn Theme Mobile View Footer

Store Design

KN2002 March 18, 2025, 3:57pm 9

Shared on message

Topic		Replies	Views
How to change image size only on mobile - Dawn theme? Store Design design , customizations , shopify-themes	5	1308	November 6, 2022
How can I hide an image from the footer in the mobile view? Store Design footer , css	13	151	July 12, 2024
How can I reduce my mobile view footer size? Store Design design , footer , css , shopify-themes , html	11	131	November 3, 2023
Reduce Footer Logo Size for Mobile in Expanse Theme Technical Q&A css , html , shopify-theme	2	47	August 12, 2024
Image/logo sizing cut off on mobile view Store Design menu , design , customizations , shopify-themes , troubleshooting	6	74	July 17, 2024

Shopify Dawn Theme Mobile View Footer

Related topics