Want to change text colour in mobile view only

Shopify Discussion
1

Hi there,

Hopeing someone can help me. Im using the Glossier theme and in the main header on desktop i have white text over a pink image.

In mobile view the text sits below the image so you can see it and i just have a white area. Is there a way i can change the colour in mobile view only?

Thanks

Jess

2

Hey Jess,

You can achieve that with a couple of lines of CSS. I could give you the specific CSS code if you share your website URL.

Please follow my Twitter account https://twitter.com/VoxfaOfficial to stay up-to-date with my Shopify tips or visit the Shopify section of my website https://voxfa.com/category/shopify/.

Also please reach out if you need help with the implementation.

Thank you.

3

Hi the site is theskinco.com.au

and the theme is glossierstore

thanks

Jess

4

The following CSS snippet will fix your issue. Click here to learn about how to add custom CSS to Shopify.

.slideshow__subtitle--mobile, .slideshow__title--mobile, .slideshow__toptitle--mobile{
color:#e4378b !important;
}
5

Legend thank you!!! :slightly_smiling_face: