Public Forums 71,145 posts

[cvninfo Friend cvninfoJoin date: May 2015Posts: 5Downloads:0Uploads:0]

#206219

Hello all
I use Purity III with T3-Framework Blank
My website (only in french for the moment) is http://www.cvn-info.fr
I’m searching to modify wight to Off-Canvas.
I need to enlarge it.
I’ve modified variables.less and his line “@t3-off-canvas-width” with no effect.
Thanks to help me

Edit : I’m sorry, I’m new here, I’m not in the good forum location and I can’t delete this message

[cvninfo Friend cvninfoJoin date: May 2015Posts: 5Downloads:0Uploads:0]

#570045

Evolutions…
I’ve make a second Canvas on the right (with the thread http://www.joomlart.com/forums/topic/second-off-canvas-sidebar-to-the-right/).
I’ve define 350px for the 3D effect of this new but I don’t know how make for my text take all the place (actually 250px like the first canvas).
Help me please, not so easy for me.
Thanks

[cvninfo Friend cvninfoJoin date: May 2015Posts: 5Downloads:0Uploads:0]

#735117

Evolutions…
I’ve make a second Canvas on the right (with the thread http://id.joomlart.com/forums/topic/second-off-canvas-sidebar-to-the-right/).
I’ve define 350px for the 3D effect of this new but I don’t know how make for my text take all the place (actually 250px like the first canvas).
Help me please, not so easy for me.
Thanks

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

#570070

Hi

I check your site and see that 2 off-canvas have the same width now, did you get it solved?

If not, send me some screenshots illustrating how you want it should be.

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

#735142

Hi

I check your site and see that 2 off-canvas have the same width now, did you get it solved?

If not, send me some screenshots illustrating how you want it should be.

[cvninfo Friend cvninfoJoin date: May 2015Posts: 5Downloads:0Uploads:0]

#570564

Hi
Thanks for your help
Not solved yet
In fact, ideally, I want 1 canvas (left) with 200 px with menu for smartphone and the other (right) with 400 px
I don’t know how can I make difference size for the 2 canvas.
I have modified off-canvas.css and attribute for the moment 350 px for the 3D effect and for the width of value .t3-off-canvas
If anybody have an idea for that… Thanks

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

#570647

Try with;


.t3-off-canvas.off-canvas-effect-14.off-canvas-right.off-canvas-current {
width: 400px;
}

.t3-off-canvas.off-canvas-effect-14.off-canvas-left.off-canvas-current {
width: 200px;
}


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

#735710

Try with;


.t3-off-canvas.off-canvas-effect-14.off-canvas-right.off-canvas-current {
width: 400px;
}

.t3-off-canvas.off-canvas-effect-14.off-canvas-left.off-canvas-current {
width: 200px;
}


[blue_shift Friend blue_shiftJoin date: August 2017Posts: 6Downloads:48Uploads:0 Thanks: 1 Thanked: 1 times in 1 posts]

#1083671

In t3_bs3_blank I had to add a z-index declaration as well. This worked.

#t3-off-canvas {
    width: 320px;
    z-index: 1000;
}

1 user says Thank You to blue_shift for this useful post

1. Saguaros

[Author]

Posts