Can someone help make my Dawn theme mobile friendly?

[Chloe_Mae]

Hello, my store looks great on desktop but not on mobile (see screenshot - the text is supposed to be over the image and it’s like this all over my website). Most of my website visitors are on mobile, so it needs to look good.> > Please could someone assist me?> >

[ZestardTech]

Hello There,

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

[dmwwebartisan]

@Chloe_Mae

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (max-width: 749px) {
.banner--medium.banner--mobile-bottom:not(.banner--adapt)>.banner__media, .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media { height: 15rem !important;}
.banner__media.media>img {
    object-fit: contain !important;
    object-position: center center;
    transition: opacity .4s cubic-bezier(.25,.46,.45,.94);
}
}

Thanks!

[Chloe_Mae]

Give you my store password? Doesn’t sound right