How can I alter my homepage banner text color for mobile and desktop views?

[Justin34]

Hi all,

I need help with the following items:

1. Mobile view of my homepage, I need the title to be black too. Right now, the banner header is white and so on mobile devices, you cant see the title.

2. On my desktop view, the text under the heading appears to be like a greyish color. Its not white like the heading title. How do I make the text white like the heading title?

My website is www.PennsylvaniaParks.org

Thank you in advance 🙂

[mel30]

Hello @Justin34 

In your css file add the below CSS

@media screen and (max-width: 749px) {
.banner__heading{color: #000}
}

@media screen and (min-width: 750px){

.banner__text .subtitle{color: #fff}
}