The navigation menu minimizes when screen size is under 1280px. Is there an easy way to change from 1280px to under 1024px? Preferably a fix that will not get overwritten when updated.
Ninja Lead
Moderator
In Bootstrap, it’s called ‘breakpoints’ from which the navigation will be collapsed. You can find the declaration of this breakpoint via file: templates/ja_nuevo/less/variables.less file
@grid-float-breakpoint: @screen-lg-min;
with @screen-lg-min: 1280px
You can change it to
@grid-float-breakpoint: 1024px;
Once done, you will need to compile LESS to CSS (click </> Less to Css button in template manager of JA Nuevo). Remember to BACKUP all current css files first as when compiling Less to Css, they will be overridden.
baijianpeng
Friend
I followed above instructions to use 1024px as the “breakpoint”, but, when under 1024*768 resolution, the top menu and the “shrinked menu button” both shows up! And the worse is, the latter will push the top nav menu down to below the level of that button!
I hope when under 1024px width, the “shrinked menu button” will disappear, just like it acting under 1280px width.
What should I do? Thank you.
BTW, I hope you will use 1024px as the default “toggle point”, instead of 1280px, for ALL of your templates (or, please add a NEW option to let us choose?).
Thank you.
baijianpeng
Friend
I followed above instructions to use 1024px as the “breakpoint”, but, when under 1024*768 resolution, the top menu and the “shrinked menu button” both shows up! And the worse is, the latter will push the top nav menu down to below the level of that button!
I hope when under 1024px width, the “shrinked menu button” will disappear, just like it acting under 1280px width.
What should I do? Thank you.
BTW, I hope you will use 1024px as the default “toggle point”, instead of 1280px, for ALL of your templates (or, please add a NEW option to let us choose?).
Thank you.
Ninja Lead
Moderator
@baijianpeng: Trying to change with this way below
+ Open templates/ja_nuevo/less/variables.less file
find and change
@grid-float-breakpoint: @screen-lg-min;
@grid-float-breakpoint-max: 1279px;
to
@grid-float-breakpoint: 1024px;
@grid-float-breakpoint-max: 1023px;
Once done, you will need to compile LESS to CSS (click </> Less to Css button in template manager of JA Nuevo). Remember to BACKUP all current css files first as when compiling Less to Css, they will be overridden.
About to make toggle point button with 1024px, I am not confirm that because it regards to concept of template.
Ninja Lead
Moderator
@baijianpeng: Try with my tweak below:
+ Open templates/ja_nuevo/less/variables.less file
find and change
@grid-float-breakpoint: @screen-lg-min;
@grid-float-breakpoint-max: 1279px;
to
@grid-float-breakpoint: 1024px;
@grid-float-breakpoint-max: 1023px;
Once done, you will need to compile LESS to CSS (click </> Less to Css button in template manager of JA Nuevo). Remember to BACKUP all current css files first as when compiling Less to Css, they will be overridden.
About to make toggle point button with 1024px, I am not confirm that because it regards to concept of template.
baijianpeng
Friend
This topic contains 7 replies, has 3 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum
