Changing transparent header text colour in Debutify theme?

Technical Q&A
1

Hey!

I have run into a huge issue and I have tried and googled for so many hours, still nothing. My header text (when the header is transparent) is at first black and turns white, when I start scrolling down. I can only change the “later” text colour, but there seems to be no way to change the text colour in transparent stage. I need the text to be white from the beginning. Tried with css also, but couldn’t fix it. Even though there should be an easier built in way as well…

2

@Ailis Could you provide me store URL? I should be able to answer your question.

Yours faithfully

3

Hi @Ailis ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.transparent-header--desktop .site-header .site-nav__link, 
.transparent-header--desktop .site-header .site-header__logo-link, 
.transparent-header--desktop .dbtfy-menu_bar .menu-bar__link {
    color: #FFFFFF !important;
}

Hope it helps!

4

Thank you so much for replying me! Unfortunately this code didn’t change anything… My store url is cattolala.myshopify.com and password 012b3a. If it could help…

5

My store url is cattolala.myshopify.com and password 012b3a.

6

Hi @Ailis ,

Please change code:

.site-nav__link, 
.site-header__logo a, 
.site-nav__link:hover, 
.site-header__logo a:hover {
    color: #FFFFFF !important;
}

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like