Changing transparent header text colour in Debutify theme?

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…

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

Yours faithfully

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!

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…

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

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