Docs

[ahurlburt53]

I want a collapsible menu for widget area custom menus http://647.aaf.myftpupload.com/. When a web viewer clicks on main menu titles the sub menus appear

screen shot
http://i.imgur.com/95QCYBU.png

for example I use this code for the first custom menu item
http://i.imgur.com/bSd6DFt.png

[Paul R]

Hi,

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[ahurlburt53]

You got to be kidding me

[Paul R]

Hi,

To achieve this, you can add the code below in Custom > Edit Global CSS in the customizer

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

Then add this in Custom > Edit Global Javascript in the customizer

jQuery(function($) {
    $('.x-sidebar.left .widget_nav_menu li.menu-item-has-children a').on( "click", function() {
  $(this).next().slideToggle(400);
});
});

Hope that helps.

[ahurlburt53]

If I can buy you lunch, TYTY

[Joao]

I am glad we managed to help,

Joao

[ahurlburt53]

TY Joao

[ahurlburt53]

Hi Joao. Is there anyway to prevent submenu from closing automatically when clicked on?

http://i.imgur.com/sErwror.png

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-sidebar.left .widget_nav_menu .current-menu-parent .sub-menu {
    display:block !important;
}

Hope that helps.

[ahurlburt53]

TYTYTy. Looking good

[Rahul]

Glad to hear it!

Let us know if you need any further assistance. We’d be happy to help!

Thank you.

[ahurlburt53]

Just spoke to the client he does not like the fact when he clicks on the left menu. The website reloads to the top of page. Very difficult to navigate. For example click on first trust in the left menu. Please make the position of menu stay in the same area as click position

screen shot http://i.imgur.com/TA8HHUY.png
http://i.imgur.com/i5mlANH.png

also client wants to remove the header completely and white line
http://i.imgur.com/zpUOVtb.png

[Lely]

Hi There,

Please try to update this:

jQuery(function($) {
    $('.x-sidebar.left .widget_nav_menu li.menu-item-has-children a').on( "click", function() {
  $(this).next().slideToggle(400);
});
});

To this:

jQuery(function($) {
    $('.x-sidebar.left .widget_nav_menu li.menu-item-has-children a').on( "click", function(e) {
    e.preventDefault();
  $(this).next().slideToggle(400);

});
});

Hope this helps.

[ahurlburt53]

I update the code. now when link is clicked nothing happens? TY very much for all your help

[Lely]

Hi There,

Try to update this:

jQuery(function($) {
    $('.x-sidebar.left .widget_nav_menu li.menu-item-has-children > a').on( "click", function(e) {
    e.preventDefault();
  $(this).next().slideToggle(400);

});
});

We have filtered the code to work on links with children only.
Do let us know how this goes.

[Author]

Posts