- This topic has 1 reply, 2 voices, and was last updated 7 years, 2 months ago by
.
Hello.
When I go to the Customize/Styling in the Dashboard and change the Navigation color hex colors, what I have set works when the Sticky Menu appears, but not on the home page or when you go to an internal page and the navigation text is white. Is there a way to control this? It seems like there are two sets rollover styles (white and dark).
The weird thing is that when I changed the hover color in the Customize Dashboard, it did show the orange color on hover. I clicked Save and Publish but it did not reflect the change on my “live” site. I went back to the Customize Dashboard to check it again and the orange accent color was orange in the Customize panel, but now the hover would not hover to orange.
The correct attachment is the one with the orange hover color.
My Demo Site is http://wordpress4.stevenkuppers.com
Thanks again SH!
Steven
Hi Steven,
I hope you are well today and thanks for posting here.
I could confirm the issue on my test site which occurs when we set page header style to any light style as shown in the attached screenshot. I have notified the theme developer about this so that it will be fixed.
The issue will be fixed ASAP.
In the meanwhile you can try resolving the issue on your site 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
#page-container .sh-header .sh-nav > .current_page_item > a, #page-container .sh-header .sh-nav > .current-menu-ancestor > a, #page-container .sh-header-left-side .sh-nav > .current_page_item > a { color: #f36347!important; } #page-container .sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a, #page-container .sh-header .sh-nav > li.menu-item:hover:not(.sh-nav-social) > a > i, #page-container .sh-header .sh-nav > li.sh-nav-social > a:hover > i, #page-container .sh-header-mobile-navigation li > a:hover > i, #page-container .sh-header-left-side li.menu-item > a:hover { color: #f36347!important; }Best regards,
Shufflehound team
