Streamline Theme - header black with white links

Store Design
1

I want the header background to be black with white links, then blue when hovered. I found this code and added it at the bottom of my theme css, but it didn’t affect the links, so the links were black:

.site-header__mobile-nav,.site-header{ background-color: black;}

https://athleticallfitness.com/

On top of that, how do I change the size of the links in the header?

Thank you!

1 Like
2

Welcome to the Shopify Community Jill!

Can you please try this and let me know if it worked. Thanks.

https://community.shopify.com/c/Technical-Q-A/Changing-Menu-Hover-Color/td-p/704856

3

Hi!

That solves the hover problem thank you!

But I still want to know how to get the text/links, when not hovered, to be
white since my background is black?

4

@JillHammel

Thanks for your question.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    This change applies after 5 - 6 second
.site-header { background: #000 !important;} /* change value as you like also make sure logo change as per backgound */
.site-nav__link {color: #fff !important;}
.site-nav__link:hover {color: #77A0BA !important;}

if you have background color black make sure upload logo white formate