Prestige - Font colour in mobile slider

Solved
Multibrands
Tourist
32 2 15

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

 

 

 

0 Likes
dmwwebartisan
Shopify Partner
4346 977 1241

@Multibrands 

Could you provide a screenshot?

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Multibrands
Tourist
32 2 15

This is an 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.