How to reduce the size of the Image Banner content for mobile only

Technical Q&A
1

Hello guys!
I would like to reduce the text size of mobile-specific image banner content in Dawn theme.
Only the area framed in red in the attached photo.

I don’t want to change the PC view, so if you could tell me how to make the display smaller on the mobile side only, it would be very helpful.

IMG_8060.jpg
IMG_8060.jpg828×1792 128 KB

2

@Claclac ,

Please share the store URL..

3

Oh, here it is.
https://claclacstore.com/

4

@Claclac

@media only screen and (max-width: 600px) {

h2.banner__heading.h0 {
    font-size: 25px;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

2 Likes
5

Thank you for your help! It worked!!