- This topic has 7 replies, 2 voices, and was last updated 6 years, 1 month ago by
.
Hi,
on my page https://sachjournal.blog/ sticky menu has a white background as it is supposed to be. But the link color for the navigation is suddenly also white. I guess this is because the link color for the regular menu is white. But in the sticky menu the link color should be #5b5b5b.
How do I have to change CSS to make that work?
Best regards
Stefan
Hi Stefan,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header.sh-sticky-header-active .sh-nav>li.menu-item>a { color: #5b5b5b; }Best regards,
Shufflehound teamThank you for the reply. I added the code but it doesn’t change anything. I can see in the source code that the element gets a font color #ffffff from somewhere with the !important-attribute. I am not sure where it is coming from. I attached the screeenshot for your attention.
Solution for this topic
Then please try changing above shared CSS code as following.
.sh-header.sh-sticky-header-active .sh-nav>li.menu-item>a { color: #5b5b5b !important; }Thanks, that worked. The icon for the search is still white. What code do I need to add to make that in the same color?
Solution for this topic
Use below CSS code for the search Icon.
.sh-header.sh-sticky-header-active .sh-nav li.menu-item.sh-nav-search i { color: #5b5b5b !important; }Great. That works. Thanks a lot.
You are most welcome here 🙂
