Main Menu issue

[PrestaDesigner10]

​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!!!

[s.t.mono]

Same Problem here!  
Would be nice if someone can comment on this.

Thanks in advance.

[PrestaDesigner10]

Same Problem here!  

Would be nice if someone can comment on this.

Thanks in advance.

That's true...

Moreover also in the demo version, if you switch to Tablet vertical, the menu disappears...not good.

[s.t.mono]

Same Problem here!  

Would be nice if someone can comment on this.

Thanks in advance.

By the way I have the issue on version 1.6.1 !

[PrestaDesigner10]

By the way I have the issue on version 1.6.1 !

 

Try this!

http://www.kriesi.at/support/topic/change-breakpoint-responsive-menu/

[s.t.mono]

Try this!

http://www.kriesi.at/support/topic/change-breakpoint-responsive-menu/

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 June 13, 2017 by s.t.mono (see edit history)