[Jonathan LParticipant]

Dev Site: http://jabbragency.net/jb/pars/
Editor: Cornerstone

Hi guys,

I am building a site based on the ICON 1 demo with the sidebar. I have a menu setup in the side bar (left).
I would like the menu to collapse when not in use and expand when hovered over. Is this possible with this menu?

Cheers,

Jonathan

[RupokMember]

Hi Jonathan,

Thanks for writing in! It would be a bit tricky. You can try adding this under Custom > CSS in the Customizer.

.x-sidebar .sub-menu {
  display: none;
}

.x-sidebar .menu-item-has-children a:hover > .sub-menu {
  display: block;
}

Let us know if that works.

Cheers!

[Jonathan LParticipant]

Hi,

Thank you. It does collapse it BUT it won’t open now.
Any ideas?

Cheers,

Jonathan

[Jonathan LParticipant]

Okay so I have figured that part out.

I replaced the code above

.x-sidebar .menu-item-has-children a:hover > .sub-menu {
  display: block;
}

with

.x-sidebar :hover > ul{
    display:block;
}

That seems to have made the drop down work.
NOW, what I could do with some help with is slowing it down a bit as it seems be be very fast when it hovers.

Cheers,

Jonathan

[Nabeel AModerator]

Hi again,

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Author]

Posts