How can I adjust icon sizes for mobile on the Dawn theme?

Store Design
1

Hey everyone I’m using the Dawn Shopify theme and on the landing page I have icon images that are the perfect size on desktop but are too small on mobile, here is what I mean https://youtu.be/CwAmeXkek-M
Does anyone have a solution to this? Thank you in advance.

1 Like
2

@graphicssimi

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

@KetanKumar

https://good-mood-soap.myshopify.com
password: cayvar

Thanks!

1 Like
4

@graphicssimi

yes, please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
section#shopify-section-template--15531903844571__16405191532f2400d8 .banner__media.media {
    height: 100px;
}
section#shopify-section-template--15531903844571__16405191532f2400d8 img {
    height: 100px;
}
}
1 Like
5

@graphicssimi add below code in base.css file in asset folder

@media screen and (max-width: 749px) {
section#shopify-section-template--15531903844571__16405191532f2400d8 .banner__media.media {
    height: 100px !important;
}
section#shopify-section-template--15531903844571__16405191532f2400d8 img {
    height: 100px !important;
}
}
1 Like
6
Show More

@KetanKumar Thank you so much!!

1 Like
7

@graphicssimi

its my pleasure to help us