Joomla Templates Club 406,261 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#681498

off canvas words are not complete showing when the words are to long. The word will not break. How can i change that

For example vergoedingen fysiotherapie

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#681545

.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0)
}

.t3-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

But if i want an automatic word break in the off canvas, how do i do that. For example

aanmeldformulier
fysiotherapie

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#747408

.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0)
}

.t3-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

But if i want an automatic word break in the off canvas, how do i do that. For example

aanmeldformulier
fysiotherapie

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

#681591

Hi puntje,

You can try adding this rule:


.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a {
white-space: normal;
}

1 user says Thank You to Saguaros for this useful post

1. puntje

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

#747454

Hi puntje,

You can try adding this rule:


.t3-off-canvas .t3-off-canvas-body .dropdown-menu > li > a {
white-space: normal;
}

1 user says Thank You to Saguaros for this useful post

1. puntje

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#681978

It works on the computer. check later my mobile

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#747630

It works on the computer. check later my mobile

[Author]

Posts