We have upgraded our website from Magento-2.4.3 to 2.4.4, and after upgrade we have found out that the breakpoint value that switches the screen between mobile and desktop has changed from 768px to 769px

Here is the screenshot from Magento 2.4.3 before upgrade

enter image description here

We can see display none for .nav-toggle class is starting from 768px

Screenshot after upgrade to Magento 2.4.4

enter image description here

We can see after upgrade display none for nav-toggle class is starting from 769px

I researched regarding this and found out that the breakpoints are assigned in the following file.


I have compared this file before and after the upgrade and found the breakpoints mentioned in it is 768px before as well as after the upgrade.

Could anyone suggest how the breakpoint has changed after the upgrade and how I can fix this. I do not want to add the css for now as I feel fixing the breakpoint should be the proper solution.

1 Answer 1


To resolve the issue of the toggle menu, please add the following line of code on path:lib/web/mage/menu.js before mediaCheck() function


The toggle menu issue surely resolve as I did in my previous site.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.