PrestaDesigner10 Posted June 6, 2017 Share Posted June 6, 2017 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 More sharing options...
s.t.mono Posted June 6, 2017 Share Posted June 6, 2017 Same Problem here! Would be nice if someone can comment on this. Thanks in advance. Link to comment Share on other sites More sharing options...
PrestaDesigner10 Posted June 7, 2017 Author Share Posted June 7, 2017 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. Link to comment Share on other sites More sharing options...
s.t.mono Posted June 7, 2017 Share Posted June 7, 2017 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 ! Link to comment Share on other sites More sharing options...
PrestaDesigner10 Posted June 7, 2017 Author Share Posted June 7, 2017 By the way I have the issue on version 1.6.1 ! Try this! http://www.kriesi.at/support/topic/change-breakpoint-responsive-menu/ 1 Link to comment Share on other sites More sharing options...
s.t.mono Posted June 13, 2017 Share Posted June 13, 2017 (edited) 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) Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now