How to resize an image banner for mobile only (Dawn theme)

[maleka]

Hey, Really hoping someone can help!

I’m using a 3rd party app to place an image banner at the top of my website. It’s the perfect size on desktop but TINY on mobile. I’m using the Dawn theme. How could I enlarge it on mobile without affecting the desktop size?

How it appears on desktop:

How it appears on mobile:

Password: Development123

Thanks in advance!

[ZestardTech]

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[maleka]

Hey @ZestardTech

https://maleka-uk.myshopify.com/

Password: Development123

Thank you

[LitCommerce]

Hi @maleka ,

I checked and it shows to the aspect ratio of the image, so it would be impossible for someone else to change it for you.

You can only upload one more image for mobile, I will help you to add the code so that the sections show only on desktop or mobile.

Hope it helps!

[maleka]

@LitCommerce Thank you for your response.

I have added another image banner that is the correct size for mobile as advised. Please see below:

1. Please can the banner in yellow be hidden on mobile but visible on desktop?
2. Please can the banner in green be hidden on desktop but be visible on mobile?

Thanks in advance!

[LitCommerce]

Hi @maleka ,

Go to Assets > base.css and paste this at the bottom of the file:

#shopify-section-template--16017771233494__16565293920ce47754 {
	display: none;
}
@media only screen and (max-width: 749px) {
	#shopify-section-template--16017771233494__1656256634e4ca2646 {
		display: none;
	}
	#shopify-section-template--16017771233494__16565293920ce47754 {
		display: block !important;
	}
}

Hope it helps!

[maleka]

@LitCommerce

Amazing! It worked! Thank you so much for your help

Kind regards!

[Oradent]

Hi,

I seem to be having a similar issue where my Desktop banner is showing of the size I want to it to be ( I don’t want to change this size ) but want increase the image depth for mobile. How can I do so? ( USING DAWN THEME )