Docs

[CoreyKlinefelter]

On my website CoreyKlinefelter.com if you look at the navbar links, you will see that “Home”, “Reels”, and “Gallery” are selected. They are supposed to be black text and the hover color is red. Also that really thin bar right above each nav bar button, how do I change the color of that so that it is the same color of the nav bar buttons when you hover over them?

[Paul R]

Hi,

Thanks for writing in!

Please change your links from

http://coreyklinefelter.com/#x-section-1 to #x-section-1
http://coreyklinefelter.com/#x-section-3 to #x-section-3
http://coreyklinefelter.com/#x-section-5 to #x-section-5
http://coreyklinefelter.com/#x-section-12 to #x-section-12

Then review article on how to set-up one page navigation – https://community.theme.co/kb/how-to-setup-one-page-navigation/

To change hover color, you can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 hsl(0,100%,50%);
}

Hope that helps.

[CoreyKlinefelter]

That certainly did help! Thank you very much!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts