Hover over submenu in side bar

[Bitedge]

Hi guys,

as can be seen on http://www.bitedge.co sub items in menus in the sidebar are currently displayed indented below the menu item they are a sub of. We need them to only be displayed when the menu item they are a sub of is hovered over just like they are in the main navigation menu.

If each item that has a sub item could get an arrow to the right of it that would be perfect. This is already in place in the main navigation menu if you hover over “blog” then

blog – bitcoin >
blog – gambling >
blog- sports >

have that nice accent colored arrow to the right of them.

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu > li:before{
background:#fff  none repeat scroll 0 0 !important;
}
nav .menu > li:hover:before{
background:#4b9ef2 none repeat scroll 0 0 !important;
}

Thanks
Mohammad

[Bitedge]

That has no effect

[Mohammad – SUPPORT]

Hi,
Please insert this code at Admin -> Theme Options -> Custom CSS. Make sure to clear the cache that i created by cache plugin.
Thanks
Mohammad

[Bitedge]

Thats what I did, it had no affected

[Mohammad – SUPPORT]

Hi,
I need wordpress admin login detail to check and resolve the issue.
Thanks
Mohammad

[Bitedge]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I used this css code to resolve the issue.

nav .menu .sub-menu .parent > a:after{
border-left-color:#fff !important;
}
nav .menu .sub-menu .parent > a:hover:after{
border-left-color:#0092CC !important;
}

Thanks
Mohammad

[Bitedge]

You have not helped at all, you don’t understand what I am requesting.

The only change I can see is that the blue arrows that used to appear to the right of menu items that have sub items in the main nav menu now only appear on hover. Not desirable and nothing close to what I am asking about. I removed that custom css for now.

[Mohammad – SUPPORT]

Hi,
I could not understand your issue. Please explain with marked screenshot image.
Thanks
Mohammad

[Bitedge]

I want the sub items to pop out to the right when the menu item that they are subs of is hovered over.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please paste this code at Admin -> Theme Options -> General options -> Google Analytic.

<script>
jQuery(document).ready(function($){
  $("#menu-item-11235").mouseover(function(){
   $(".widget_nav_menu ul.sub-menu").stop().show();
  });
  $("#menu-item-11235").mouseout(function(){
   $(".widget_nav_menu ul.sub-menu").hide();
  });
 });
</script>

And use this custom css code also:-

.widget_nav_menu ul.sub-menu{
display:none !important;
}

Thanks
Mohammad

[Bitedge]

That hides all the sub items but nothing happens when the remaining item is hovered over.

[Mohammad – SUPPORT]

Hi,
Why do you remove the code always? How can i check now?
Thanks
Mohammad

[Bitedge]

“Why do you remove the code always?”

Because you give me code that has undeirabe resultts.

“How can i check now?”

On your own installation of flexform until you get it right then on my site with the login credentialsI already provided you in this thread.