Change image banner text colour on mobile view only

[tallowbar]

Wanting to change the "text" section on my image banner to black on mobile view only. I have a code for changing the heading but can't work out how to apply it to the text section too.

[PageFly-Henry · Accepted solution]

Hi @tallowbar 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

.banner__text.rte.subtitle p {

    color: black !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[tallowbar]

Thank you that worked!

[PageFly-Henry]

You are welcome @tallowbar 😊

[Dan-From-Ryviu]

Hi @tallowbar 

You can do that by this code to Custom CSS of that section in your Online Store > Themes > Customize 

@media (max-width: 749px) {
.banner__text.subtitle { color: #252525; }
}