Increase logo width (menu sidebar) « Support Forum | Kriesi.at

Support Forum » Flashlight

Increase logo width (menu sidebar)

10 posts from 4 voices

Started 1 year ago by rikgeijsen
Latest reply from Dude
This topic is not a support question

Tags:

rikgeijsen
Member

I've searched, but I can't find the answer. How can I change the width of the menu sidebar (for example: 300px in stead of 220 px). So I can use a logo with 280px width.

Which custum css can I use?

Posted 1 year ago #
Dude
Dude
Hey,
Add following code to css/custom.css:
```
.sidebar {
    margin: 0 0 0 -20px;
    width: 240px;
}

.inner_sidebar {
    width: 240px;
}
```
I.e. here I increased the width about 20px (from 220px to 240px). If you want to increas it to i.e. 260 you need to adjust the margin value accordingly (in this case to -40px).
Posted 1 year ago #
rikgeijsen
Member

Thanks for your quick reply!

I've added this code to adjust the size of the logo image:
It works, so I assume it's correct?!

.logo img{
min-width: 200px;
max-width: 200px;
}

.bg-logo, .bg-logo a{
height:85px;
min-width:200px;
width:200px;
}

Posted 1 year ago #
Dude
Dude

Yes - perfect :)

Posted 1 year ago #
Muehle
Member

hey,

i did the same, but now the white bar with "hide sidebar & ..." doesn't fit to the inner sidebar.

Posted 1 year ago #
Dude
Dude

Hey,
can you post a link to your website please?

Posted 1 year ago #
Muehle
Member

http://22degree.de/work/Ho3/

thx ;)

Posted 1 year ago #
Chris Beard

Hey,

in your Quick CSS or custom.css you can add
.arrowslidecontrolls_fullscreen{width:200px !important;}
the value can be anything you like.

Posted 1 year ago #
Muehle
Member

thx a lot!

Posted 1 year ago #
Dude
Dude

Glad that Chris could help you :)

Posted 1 year ago #