Hi, I have a question about how to change the header color. Right now in main page, my header is transparent. And my logo color is white. But when I clicked the menu like clicked SHOP, the header will change to white. Therefore my logo is invisible, and it blends with the background color. So I would like to change to black color after go into any page, just keep the main page is transparent. Could anyone help me? What should I do? Thank you.
Hello,
Please add the given code above in theme.liquid.
online store >> edit code >> theme.liquid
{% if template != ‘index’ %}
.pageheader{ background:#000!important; } a.navigation__link { color: #fff!important; transition: 0.4s; } a.navigation__link:hover { color: #fff!important; opacity:0.8; transition: 0.4s; } .pageheader a { color: #fff!important; } .navigation__child-tier a.navigation__link { color: #000!important; } .logo-area .button.mobile-nav-toggle{ color:#fff; }{% endif %}
after added the given code look like that -
Thanks a lot! It works!!
our pleasure @Kathy518
if solved please like the post Thanks
Hi, I found out some issues about my website now. When I am scrolling the main page, there is a one white lane in there. I would like to change it. I want to change the header become black color if I am scrolling down the main page. What can I do? Thanks!