Menu Mobile

Hi,
I’d really like to thank @Aigars for the beautiful theme and wonderful support. =D

I’ve looked for the solution in the support forum and the best solution that I could get for the menu problem is https://colorlibsupport.com/t/top-level-header-item-is-not-linking-to-a-page/
This functions very well in desktop version, but in mobile, everytime the top level menu is clicked, it is automatically going to the destination, without giving time to click for the submenu.

So, I look for another solution and ends up here, When I tried:

if ( $args->has_children && $depth === 0 ) {
        $atts['href'] = ! empty( $item->url ) ? $item->url : '';
        $atts['data-toggle']        = 'dropdown';
        $atts['class']                        = 'dropdown-toggle';
} else {
        $atts['href'] = ! empty( $item->url ) ? $item->url : '';
}

Unfortunately, it functions just the same as the original. The top level menu can’t be clicked, either in desktop or mobile version.

I tried it using iPad (just in case safari and other mobile browser system is different).
I also have tried going to @djgl13’s site (2677.dylanlongpre.ca) and the problem exists there too.
Here is my website: http://esviai.com

I really appreciate your help. Cheers!