Jump to content

Main Menu issue


Recommended Posts

​Hi everybody,

 

I'm working with Prestashop 1.7.1 and I would like to change the breakpoint where the Main Menu switches to its mobile version.

In the original version this breakpoint is 768px but this is a problem because a normal menu (with more than 4/5 categories) can't remain in its horizontal version with a resolution, for example, of 800px width. It would take 2 lines...terrible.

 

So...I changed bootstrap classes in order to disable the "horizontal version" and enabling the mobile icon menu at the breakpoint 992px but...when I click on the icon (with a mobile resolution like 800px width) the menu doesn't load.

 

I think I should modify also a js file but I can't find where to work.

 

Thanks for your help!!!

Link to comment
Share on other sites

Cool. For me now it works.

I found the part in blocktopmenu.js file which was not modified. I changed it as well based on what I had changed before in CSS files.

 

function responsiveMenu()
{
    if ($(window).width() <= 1023 && responsiveflagMenu == false) {
        menuChange('enable');
        responsiveflagMenu = true;
    } else if ($(window).width() >= 1023) {
        menuChange('disable');
        responsiveflagMenu = false;
    }
}
Edited by s.t.mono (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...