Navigation collapse breakpoint

christophsommer

Hello
I want the navigation to be collapsed if the page is smaller than 1100px. Instead of the navigation, the navigation icon should then be on the left side.
At the moment the icon doesn't appear at all
Maybe you can help
Thanx Chris

saguaros

christophsommer Hi

You will have to work with LESS file in this case.
1/ Backup your site first
2/ Go to file: ROOT/templates/ja_brickstore/less/variables.less

At approx line 313:

// Point at which the navbar stops collapsing
@grid-float-breakpoint:     @screen-md-min;

and change the value for the @grid-float-breakpoint variable.

By default, the it's set with @screen-md-min variable which has 992px

3/ Once done, you need to compile less to css: https://www.t3-framework.org/documentation/bs3-configuration#compile-less

4/ Add this custom css code to file: ROOT/templates/ja_brickstore/css/custom.css (create this file if it doesn't exist now)

@media (min-width: 992px) and (max-width: 1199px){
.head-actions .hidden-md {
    display: block !important;
}
}