Docs

[cleverdesign]

Hi,

I’m referring to this older thread:

https://community.theme.co/forums/topic/how-can-i-change-the-menu-rollover-color/

I’ve applied the css proposed in the tread and it is working perfect.

But occasionaly the menu rollover color will flash your default color of red when selecting or rolling over menu items. This happens almost every time when i right-click a menu item to inspect it. See screenshot in attachment.

I’m using the current css code:

body.x-navbar-fixed-left-active .x-navbar .x-nav > .current-menu-item > a {
  -webkit-box-shadow: inset 4px 0 0 0 #ffcc66 !important;
          box-shadow: inset 4px 0 0 0 #ffcc66 !important;
}

body.x-navbar-fixed-left-active .x-navbar .x-nav > li > a:hover {
  -webkit-box-shadow: inset 4px 0 0 0 #ffcc66;
          box-shadow: inset 4px 0 0 0 #ffcc66;
}

Do you know of any way to fix this behaviour?

Thanks

[Friech]

Hi There,

Thank you for writing in! Please provide us the site URL so we can take a closer look.

Cheers!

[cleverdesign]

This reply has been marked as private.

[Joao]

Hi There,

The url above take us to another site a you know

Please provide a working url.

Also clean your browser cache and test it again.

Cheers

[cleverdesign]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.x-navbar-fixed-left .desktop .x-nav>li>a:focus, .x-navbar-fixed-left .desktop .x-nav>li>a:hover {
    box-shadow: inset 8px 0 0 0 #004a99;
}

Let us know how it goes!

[cleverdesign]

Thanks, that did the trick!

Cheers

[Thai]

If you need anything else please let us know.

[Author]

Posts