Public Forums 71,145 posts

[kmeyer Friend kmeyerJoin date: August 2014Posts: 1Downloads:0Uploads:0]

#200951

Trying out Purity iii. My main menu collapses as soon as I change my desktop browser from a maximized window, even though there is plenty of room to fit the menu in a non-maximized window.

Is there a way to change the threshold at which the menu collapses when viewing on a desktop? My screen resolution is 1280×720. I would think there should be a simple width declaration to customize this but I can’t find it.

Thanks!

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#547780

Hi Kmeyer,

By default, the menu will collapse when the width is smaller than 992px (@screen-md). You can change this value by referring this document: http://t3-framework.org/documentation/bs3-customization#layout-width

You have to Compile LESS to CSS and clear cache to see the change

Remember to BACKUP your site before change as CSS files will be generated fresh on compile.

regards

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#576539

How do I change for the menu only (not for the whole template) collapse 992 to 800? Custom CSS rule. No edit variables.less
change
…menu will collapse when the width is smaller than 992px
to
…menu will collapse when the width is smaller than 800px

Change to “sm” (instead of “md”)!

How to center (allign=center ) the navbar?

Thanks.
Sorry for my English.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#642852

How do I change for the menu only (not for the whole template) collapse 992 to 800? Custom CSS rule. No edit variables.less
change
…menu will collapse when the width is smaller than 992px
to
…menu will collapse when the width is smaller than 800px

Change to “sm” (instead of “md”)!

How to center (allign=center ) the navbar?

Thanks.
Sorry for my English.

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#741509

How do I change for the menu only (not for the whole template) collapse 992 to 800? Custom CSS rule. No edit variables.less
change
…menu will collapse when the width is smaller than 992px
to
…menu will collapse when the width is smaller than 800px

Change to “sm” (instead of “md”)!

How to center (allign=center ) the navbar?

Thanks.
Sorry for my English.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#576667

You can open the less file: /root/templates/purity_iii/less/variables.less

Look for this declaratioin:


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


change it to


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


Then compile LESS to CSS to see the changes.

Remember to backup all css files first before compiling.

1 user says Thank You to Saguaros for this useful post

1. templater

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#576750

Saguaros
Nice job! Thank you very much!
It works!

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#643063

Saguaros
Nice job! Thank you very much!
It works!

[templater Friend templaterJoin date: May 2010Posts: 62Downloads:3Uploads:0 Thanks: 7]

#741719

Saguaros
Nice job! Thank you very much!
It works!

[Author]

Posts