How can I resize images for mobile in the Dawn theme?

Store Design
1

Hi! I’ve been trying to adjust my image banners to fit the mobile screen on the dawn theme but it doesn’t work. I tried editing the base.css with the following code but it does nothing, I don’t know if I missed something. If anyone has a solution I’d appreciate it a lot, thanks

Here’s the code I added to base.css

@media screen and (max-width: 749px){
img{
width:100%;
}
}

2

Hi @Glook-eyewear

You still add that code at the end of the base.css file, but you should add !important;

@media screen and (max-width: 749px){
	.banner__media>img{
	   width:100% !important;
	}
}

I hope that it works for you.