T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. George
  2. General Discussion
  3. Wednesday, July 22 2015, 01:04 PM
  4.  Subscribe via email
Any good idea about how to resize the width of the off-canvas?

Thanks for the help.
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi, please open the file: templates\t3_bs3_blank\less\variables.less and find the rule:

@t3-off-canvas-width:                 250px;


Now change the width, save the file and compile LESS to CSS

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Please add the following CSS rule to the custom.css file (templates/t3_bs3_blank/css):

.t3-off-canvas {
width: 250px;
}


Now, change the width and save the file.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
George Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for the help.

The problem is that despite the fact the width of the off-canvas can be changed, it is not overlapping the main website. So, the width change only the module inside the off-canvas. It can be reduced (for the module) but the width will remain the same (250px).
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
George Accepted Answer Pending Moderation
0
Votes
Undo
I am sorry to say but it is not affecting the template. I changed to 450px but it keeps showing me the 250px.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
I tested in my local and it works, please pm me your site url, admin account and FTP info, I will check and fix it in your live site.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
George Accepted Answer Pending Moderation
0
Votes
Undo
Thanks @Gardner Luna

The reason that was not working was that I forgot to compile from LESS to CSS.
Every time somebody is making changes to LESS files, then those files must be compiled to CSS (see attached picture in order to find that function).
Attachments (1)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
You're welcome. Let me know if you have any question.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
  • Page :
  • 1


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