In the hamburger menu only the arrow is clickable

[abiuhas]

Why only the arrow toggles the menu and not the whole line highlighted in red http://prntscr.com/kjh0zu? Topic https://theme.co/apex/forum/t/parent-menu-item-not-clickable-on-mobile/4257/4 seems related but doesn’t appear to be about specifically this issue.

I understand that some people might want to have it as a link to another page, but what if it’s not?

[mldarshana]

Hi Denis,

Thanks for writing in! Currently it is functioning in that way because parent menus also can be linked to other main pages, so those arrow pointers act as the sub-menu drop-down indicator.

As mentioned on your referenced thread, this functionality may improve in future releases but we cannot provide any ETA for this.

Thanks for understanding!

[abiuhas]

Is there a workaround? I’d actually prefer to make a single-level menu on mobile devices.

[jade]

Hi there,

It seems that the parent link has is not linked to anywhere so this workaround should suffice:

.mobile .x-sub-toggle {
    width: 100%;
    text-align: right;
    right: 15px;
}

Please note that since this is modifying the default display of the theme, it requires some customization which goes beyond the scope of our support. The provided code should be maintained by you in case something in the future release will change and stop the code from working

Hope this helps.