Quote:
Originally Posted by bob@n-flatables
In the default responsive template for X-Cart 5, it appears the major responsive break is at 992px width. Anything less than that triggers the mobile menu, etc.
Is there a way to change this to, say, 960px? Or a different amount?
I would want it be changed the correct way so that updates can be installed.
|
Hi.
Sure, all you have to do is to find the file /skin/common/bootstrap/css/variables.less and then find this piece of code:
Code:
// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md: 992px;
@screen-md-min: @screen-md;
@screen-desktop: @screen-md-min;
Replace 992 with any other number you want, and that will be your mobile view breakpoint.
But don't forget that such change should be implemented as a module in order to avoid it to be overwritten during upgrade.