mobile menu - help

[design]

hello,
I need help with getting the top level to go to it's link; and the pseudo element ::after carrot to drop the menu down. as it is now it all drops down.

so in this picture, the "Events" should go to the event category, and the dropdown carrot should go to the drop down.


to make matter worse this is a query mobile menu. I wish it could it be a simple case of moving the ::after to out of the link<a>

do you have any other ideas??

Code: [Select]

function(e) {
  e.preventDefault();
  var child = $(this).next('ul');

  if (child.hasClass('on')) {
    child.removeClass('on');
    child.slideUp();
    $(this).removeClass('mobile_menu_on');

    var empties = child.parent().nextAll().children('a').filter(function() {
        return $(this).html() === " "
      }),
      emptiesUl = empties.next('ul');

    emptiesUl.removeClass('on');
    emptiesUl.slideUp();
    empties.removeClass('mobile_menu_on');
  } else {
    child.addClass('on');
    child.slideDown();
    $(this).addClass('met_mobile_menu_on');

    var empties = child.parent().nextAll().children('a').filter(function() {
        return $(this).html() === " "
      }),
      emptiesUl = empties.next('ul');
    emptiesUl.addClass('on');

    emptiesUl.slideDown();
    empties.addClass('mobile_menu_on');
  }
}

Code: [Select]

<a class="menu-link" href="http://www.lpspine.com/events/">

    Events

    ::after

</a>

[vantaggio]

Hi, @esign can I atke your sjype, I am looking for someone edit a theme?