Trigger the default menu module at 991px instead of 767px (for tablets)

[Simon Arazi]

Hi guys,

 

On my prestashop website, which using the default theme, I want to trigger the mobile menu for tablets.

If I'm referring to the prestashop rules, it should be at 991px, when the media query is starting.

 

My first try was to go to Admin > Modules > Menu Module > Activate for tablets.

Didn't work.

 

My second try was to modify the blocktopmenu.js file sitting at:
 

root > themes > default-bootstrap > modules > blocktopmenu > js > blocktopmenu.js

 

There is a function around line 37

// check resolution
function responsiveMenu()
{
    if ($(window).width() <= 767 && responsiveflagMenu == false) {
        menuChange('enable');
        responsiveflagMenu = true;
    } else if ($(window).width() >= 768) {
        menuChange('disable');
        responsiveflagMenu = false;
    }
}

which I changed to this :

// check resolution
function responsiveMenu()
{
    if ($(window).width() <= 991 && responsiveflagMenu == false) {
        menuChange('enable');
        responsiveflagMenu = true;
    } else if ($(window).width() >= 992) {
        menuChange('disable');
        responsiveflagMenu = false;
    }
}

but it's still not working.

 

Can someone explain me how to trigger the mobile menu for tablets, starting at 991px ?

 

Thanks