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

Justin34
Trailblazer
327 0 82

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 🙂

ALL I THINK ABOUT IS OUR PARKS 🙂
Reply 1 (1)

mel30
Shopify Partner
98 2 24

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}
}