T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. dilby
  2. General Discussion
  3. Wednesday, 17 September 2014
  4.  Subscribe via email
Hi -

Does anyone know how to change the breakpoint at which the nag collapses to be a toggle? I've read how to do it in straight up bootstrap but it seems a little different with t3. Any help appreciated!

Thanks
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Go to variables.less.

Original:

@screen-sm: 768px;

@grid-float-breakpoint: @screen-sm-min;

//================================================//

New: (Example for collapse in 600px => adjust the value in px)

Create your @screen-person in variables.less:

@screen-person: 600px;

@grid-float-breakpoint: @screen-person;
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you @Igor Cunha. You are everywhere people need help ;)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
It´s great work with t3-framework and help when I can.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi thanks for your reply @Igor - Unfortunately I still can't get it to work though :( Here is my code:

// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns: 12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width: 30px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint: @screen-sm-min;

//NAV BAR COLLAPSE CUSTOMISATION
@screen-person: 600px;
@grid-float-breakpoint: @screen-person;
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Remove @grid-float-breakpoint: @screen-sm-min;

and check:

1 - Development Mode => ON
2 - Theme => Your theme
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.