Prestige - Font colour in mobile slider

[Multibrands]

Good evening, hopefully someone can help.

The below code is what I was kindly given from the community so I can change the colours of my text on my individual header slides:

/* Beauty Slide */
#Slide8482cb27-f594-46f7-9d21-3f8b86b0cf4e .Heading {
color: rgba(255,255,255)!important;
}
#Slide8482cb27-f594-46f7-9d21-3f8b86b0cf4e header.SectionHeader {
max-width: 350px;
}

Thi works perfectly but when on mobile view I wondered if it was possible for my slide color to revert back to the original as the text is positioned where there is a white background.

Many thanks

John

the-botanical-factory.myshopify.com

crudah

 

[dmwwebartisan]

@Multibrands 

Could you provide a screenshot?

[Multibrands · Accepted solution]

Sorry for the late reply I just duplicated the code and added the below and it worked fine:

/* for mobile */
@media screen and (max-width: 425px){
#Slide8482cb27-f594-46f7-9d21-3f8b86b0cf4e .Heading {
color: rgba(75,75,74)!important; }
}

Thanks for trying though.