Docs

[tylervarian]

Hi. On our site http://www.135.design/ when you hover over the NAV bar the hover color (green) doesn’t always move with the mouse. Most times the hover bar will stay on one of the NAV buttons, “recent work” and if you select one of the other NAV buttons (especially next to recent work), the green hover bar highlights recent work as well as whatever else you are selecting.

Please check it out and let me know what you think.

Thanks so much!

[Rad]

Hi there,

Thanks for writing in.

The green bar appears when hovering the item, or if the item is active. Currently, “your recent work” is active too.

Wordpress will set active statuses if the base URL of your current matches the base URL of your item.

Your home page URL is http://www.135.design/ while “your recent work” has http://www.135.design/#recentwork which is also the same. Hash URL are only applicable for the browser while matching is done on the server.

But, you may add this CSS to Admin > Appearance > Customizer > Custom > CSS

.x-navbar .desktop .x-nav > li#menu-item-121.x-active > a, .x-navbar .desktop .x-nav > li#menu-item-121.current-menu-item > a {
    box-shadow: none;
    color: rgb(162,170,173);
}
.x-navbar .desktop .x-nav > li#menu-item-121.x-active > a:hover {
box-shadow: inset 0 4px 0 0 rgb(22,155,98);
}

Hope this helps.

[tylervarian]

You guys are the bees knees!!! 🙂 Thanks so much for explaining the situation AND offering a solution!

[John Ezra]

On behalf of my colleague and our team, you’re most welcome! 🙂

[sherryvarian]

Hi Thanks so much! So I loaded the CSS into Global CSS and it works GREAT on the home page. However, if you go to the “Meet Jill + Sherry” page the green bar still acts as it did in my original question.

Is there a change to the CSS that i should make?

Thanks again!

[Joao]

Hi There

To deactivate the current page menu line please add this code to your Appereance / Customizer / Custom / CSS

.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: inset 0 0px 0 0 #ffba00;
}

Hope that helps,

Joao

[tylervarian]

Thanks again!!!

[Lely]

You’re always welcome!

Cheers!

[Author]

Posts