Docs

[bshum]

Hi
I can’t figure out the css, so I’m asking for help. I have placed a custom menu in a widget area on a page. I placed it in the main sidebar. By default, the menu is open, but I’d like to make it a clickable dropdown menu.

See here: http://brianshumway.com/fine-art-prints/

Help please!

Thanks
Brian

[Rupok]

Hi Brian,

I can’t see the widget menu on your given URL. Can you point this with a screenshot? Meantime you can follow this thread as it seems related – https://community.theme.co/forums/topic/clickable-dropdown-sidebar-menu/

Cheers!

[bshum]

Thanks, but the code on that link doesn’t work for me.

It’s right above the images. It says “View by Project.” It may not look like a widget but it is.

[Lely]

Hi Brian,

It can be achieve with Javascript. Please try adding the following on Appearance > Customize > Custom > Edit Global Javascript:

jQuery(document).ready(function($) {
  $('#nav_menu-8').click(function(e) {
  $( ".menu-fine-art-project-container" ).toggle( "slow");
  });
  
});

Hope this helps.

[bshum]

Awesome! That worked! So how do I have the menu start in the closed position, rather than open?

[Jade]

Hi there,

Please add this code in the customizer:

.menu-fine-art-project-container {
    display: none;
}

Hope this helps.

[bshum]

perfect! thanks you.

[Joao]

Glad to hear we managed to help,

Have a great weekend.

Joao

[Author]

Posts