Joomla Templates Club 406,261 posts

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#206406

Hello friends,
How can I change the width of Off-canvas? (see screenshot)
Currently there is 250px and 350px I want to change it

Thanks in advance

Many greetings 🙂
Sakari

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#570845

Hi there
You can change it by css.
Please provide your site URL and backend for inspecting or you can use browser debugger to do that.

Thank you,
Viet Vu

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#570863

The website is still local, but here you can see it too!

JA Decor Demo

Thank you for your help 🙂

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#571224

Hi there
Here you are

https://www.dropbox.com/s/5n22mfy1tth8lf1/2015-05-20_21-03-13.png?dl=0

Thank you,
Viet Vu

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#571367

I had already tried!
Look at the first screenshot, because it is original!
And now you watch the second screenshot, with 350 px!
Since the Menu contents verscwinden left!
Is it with you otherwise?
When JA Decor demo is exactly like that!

Screen 1

Screen 2

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#736502

Hi there
Have you checked your custom.css. Is it be overrided by exists one ? If yes, than please try increase css priority.
If you can’t do that please provide your site & FTP access. I’ll help you work on it.

Thank you,
Viet Vu

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#571470

Good Morning 🙂
The site is not finished yet and is still running local.
All I have in the custom.css it!

/* Off Canvas Menu Aenderungen wie z.B. Background */

.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.71429;
color: #333
white-space: normal;
}

.close {
float: right;
font-size: 40px;
font-weight: bold;
line-height: 1;
color: #000
text-shadow: 0px 1px 0px #FFF
opacity: 0.2;
}

html .off-canvas-toggle {
border-left: 0px solid #EEE
color: #555
}

.t3-off-canvas {
background: #222222
color: #333333
}

.t3-off-canvas .t3-off-canvas-header {
background: #222222
color: #333333
padding: 6px 12px;
}

.t3-off-canvas .t3-off-canvas-body .active > a {
background: none repeat scroll 0% 0% #222
color: #cf681b
}

.t3-off-canvas .t3-off-canvas-header h2 {
margin: 0px;
line-height: 50px;
font-size: 0px;
font-weight: bold;
text-transform: uppercase;

}

.t3-off-canvas .t3-off-canvas-body .dropdown-menu .active > a {
background: none repeat scroll 0% 0% #cf681b
color: #FFF
}

/* Off-canvas Sidebar Menu - Hover und Aktiv in Orange Farbe */

.t3-off-canvas .t3-off-canvas-body a:hover, .t3-off-canvas .t3-off-canvas-body a:focus {
background: none repeat scroll 0% 0% #cf681b
color: #FFF
text-decoration: none;
outline: medium none;
}

/* Megamenu Hover und Aktiv in Orange Farbe */

.t3-megamenu .mega-dropdown-menu .mega-nav li:hover > a, .t3-megamenu .mega-dropdown-menu .mega-nav li.active > a {
background: none repeat scroll 0% 0% #cf681b
color: #FFF
}

/* Pfeil oben rechts am Bild + Entfernen */

.item-desc:before
{display:none;}

/* Navigation Slideshow */

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb {
width: 12px;
height: 12px;
border-radius: 10%;
background: #a4cf51
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb img {
background: transparent;
display: none;
}

#t3-slideshow .ja-ss-thumbs .ja-ss-thumb.active {
border-color: #ffffff ;
background: #f47a21 ;
}

/*Tags Textzoom*/

.hovertext:hover {
display: inline-block;
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
-ms-transform: scale(1.5,1.5);
transform: scale(1.5,1.5);
background: #2c1900
}

/*Unsere Leistungen Text*/

.category-module .category-info .category-title {
font-size: 36px;
font-family: 'Arial', serif;
font-weight: bold;
font-weight: 700;
margin-top: 0;
}

.category-module .category-info .category-title .first-letter {
font-weight: 300;
font-weight: bold;
display: block;
font-family: 'Arial', serif;
}

/*Titel Leiste*/

.t3-masthead div.jamasshead {
height: 190px;
width: 100%;
}

.t3-masthead .jamasshead-title {
font-family: "Raleway",sans-serif;
font-weight: 300;
margin: auto;
font-size: 25px;
text-transform: none;
width: 100%;
}

/*Tabelle Rahmenlos*/
td,
tr td {
border-top: 0px solid #ffffff
}

/*Text vollst?ndig anzeigen*/
.item-desc .article-intro{
height: auto !important;
}

/*Header fixieren*/
.t3-header{
position:fixed;
}
@media screen and (max-width: 992px) {
.t3-header {
position: relative !important;
}
}

/*Logo rechts*/
.banner {
padding: 0;
margin-right: 0px;
background:#FFF
}

.banner img {
max-height: 182px;
width: 244px;
}

.logo-image img{
max-width: 320px;
x-height: 80px;
}

.logo-image a {
padding: 0px 0px 0px 0px;
}

.logo-image {
background: none;
}

/*Deaktivierung "Alle Anzeigen"*/

.category-info .btn {
display:none;
}

.logo-image {
min-height: 0;
}

.article-intro img,
.article-content img,
.article-image img,
.article-image-intro img {
display: block;
max-width: 100%;
height: auto;
width: auto !important;
}

/* Logo Mobile */

@media (max-width: 992px) {
.logo-image a img {
max-height: 69px;
}
}

/*Footer background*/
.t3-footer {
color: #999
background: none repeat scroll 0% 0% #0b0b0b
}

/* Tabellen im Artikel */
.gkCols {
margin: 0 -20px;
width: auto;
}
.gkCols > div {
float: left;
padding: 0 20px;
}
.gkCols > div { width: 50%; }
.gkCols > div { width: 33.333333%; }
.gkCols > div { width: 25%; }
.gkCols > div { width: 20%; }

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#736529

Hi there
I’m sorry it’s a bit hard to work without touch your site.
But about css . Please try to use !important or higher priority 🙂

Thank you,
Viet Vu

[Author]

Posts