Why is mobile header font color different than desktop on Empire theme?

Store Design
1

Hello, the font color of my header on my slideshow/banner is white on desktop and black on mobile. How do I fix this? I’m using empire theme.

Store Link: https://mybabybasics.co/

1 Like
2

Please add below css code at bottom of assets/theme.css file

.slideshow-slide__content-background-link {
color: #ffffff;

}
Thank you.

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.slideshow-slide__content-background-link {
color: #1d1d1d!important;
text-decoration: none;
}

Screenshot :- https://prnt.sc/a4_yOfNQivtZ

4

Hello @pete31

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.slideshow-slide__content-background-link {
    color: #000 !important;
}
5

Hi @pete31

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.slideshow-slide__content-background-link {color: #fff !important;}

Regards,

San