Hi,

This should be the default behavior. What is the device you are testing with?

BR,
ThemeBurn team

Hi,

You should change the mobile menu logic a bit:

1) Open catalog/view/theme/BurnEngine/javascript/common.js

2) Find this code block:

    if(tbUtils.is_touch) {
        $body
            .on('click', function(e) {
                $('.dropdown').removeClass('tb_hovered');
                $('.tb_toggle').removeClass('tb_active');
            })
            .on('click', '.dropdown > a', function(e) {
                if ($(this).siblings('.dropdown-menu,ul')[0].getBoundingClientRect().width < 1) {
                    $('.dropdown').removeClass('tb_hovered');
                    $(this).parents('.dropdown').addClass('tb_hovered');
                    $(this).parent().find('> .tb_toggle').addClass('tb_active');
                }
                else {
                    $(this).parent().removeClass('tb_hovered');
                    $(this).parent().find('> .tb_toggle').removeClass('tb_active');
                    window.location = $(this).attr('href');
                }

                return false;
            });
    }

3) Replace it with:

    $('#wrapper')
        .on('click', '.dropdown > a', function(e) {
            if (tbUtils.is_touch && !$(this).next('.dropdown-menu').is(':visible') && !$(this).parent().find('> .tb_toggle').is(':visible')) {
                e.preventDefault();
            }
        })
        .find('.tb_widget_cart > .nav').each(function() {
            var $nav = $(this),
                url  = window.location.href;

            $nav.find('> .heading a').one('mouseenter', function() {
                $nav
                    .addClass('active')
                    .load('index.php?route=common/cart/info .nav > *')
                    .on('mouseleave', function() {
                        $(this).removeClass('active');
                    });
            });
        });

BR,
ThemeBurn team