On a smartphone/tablet the main menu buttons only expand if you click on the arrows icon on the right.
If users click the button/text it changes colour but doesn’t expand the menu.

How can I change it so that clicking anywhere on the main buttons expand the menu?

url: ampmgt.co.uk
Wordpress version: 4.1.1
Theme version: 3.2.3
Shortcode plugin: 2.4.0

Best regards

Thanks for writing in.

We’d really love to help you however this is a custom development and it requires an extensive time for this coding.

However, We could guide you to the right direction of doing it. In your site, the menu should be able to have this attribute – http://screencast.com/t/3iosmtXS

data-toggle="collapse" data-target="classmenutobeshowedwhenclicked"

Hope it helps. Thank you for understanding.

Cheers!

I’m sorry, but do I need to directly edit a file?
If so which one?

I might need a little more help than you’ve given I’m afraid…

jQuery(function($) {
  $('.x-sub-toggle').parent().on('click', function(e) {
    e.preventDefault();
    var target = $(this).find('.x-sub-toggle').attr('data-target');
    $(this).find('.x-sub-toggle').toggleClass('x-active');
    $(this).parent().toggleClass('x-active');
    $(target).slideToggle();
  });
});

Hope it helps.