How do it set custom CSS for image banner text, mobile view

[maisongreen_03]

I want to edit the size of the text (give customers details about the banner... etc), using custom CSS. However, I only want it smaller in the mobile view, but to remain the same size it is now in desktop view. Is this possible with custom CSS function?

[Moeed]

Hey @maisongreen_03 

Add your CSS in this media query in the Custom CSS option and it will work for mobile only.

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

}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[topnewyork]

Hello, 

Please share "Store URL"

Thanks!

[maisongreen_03]

https://maisonmidori.com/

pw: matchadoin

[topnewyork · Accepted solution]

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

@media (max-width: 768px) {
div#Banner-template--18470079725786__image_banner_ERxkAT
.banner__text.rte.body{
	    font-size: 14px !important;
} 
]

Thanks!