Sub menu items don't work well on mobile

Sub menu items on mobile are not working properly. There is no indication of what nav item is collapsable and even if it shows, it’s only a tiny ‘+’ sign on the right which must be clicked. I would expect that the ‘+’ sign will be visible and that the entire menu item will be clickable.
see sample:
Menu item is ‘digital marketing’.

Hi Mike,

You can change behavior with css code below:

@media (max-width: 1199px) {
    .main-navigation > .subnav-toggle,
    .main-navigation li.page_item_has_children > .subnav-toggle {
        color: #fff;

    .main-navigation ul .subnav-toggle {
        width: 100%;
        text-align: right;
        padding-right: 90px;

@media (max-width: 640px) {
    .main-navigation ul .subnav-toggle {
        padding-right: 30px;

With it, whole menu which contain sub menu items will be clickable and also + sign will be visible. Apply the code from Appereance > Customize > Additional CSS field.

This should be the result when you apply the code

Best Regards!

Thanks a lot for taking the time to provide me with code and screenshot.
Hopefully AIRI will change this issue as I assume it’s set like this by default.
Cheers from down under.