Docs

[samsiphone]

Hi All,

I’m using a dark blue background for my menu. I’ve managed to get it all styled out with previous forum articles with the exception of one issue.

Because I am using blue as a hover color for my menu items, I am using white as the hover color for the text. This is fine, until I attempt to browse a menu item with a submenu. As soon as I remove the cursor from the text, the menu item text remains white and the box turns back to the background white color.

How can I adjust either the text or background of a top level menu item while I am browsing a submenu?

Thanks.
Sam

[Jade]

HI Sam,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[samsiphone]

The url is http://64northwest.com

[Jade]

HI there,

Please add this code in the custom JS:

(function($){

$( ".x-navbar .desktop .x-nav > li.menu-item-has-children > a" )
  .on( "mouseenter", function() {
    $( this ).css('color', '#fff' );
  })
  .on( "mouseleave", function() {
    $( this ).css('color', 'rgb(50,84,161)' );
});

})(jQuery);

Hope this helps.

[Author]

Posts