Sidepanel width

1 reply · opened Sep 17, 2022

VviaconSep 17, 2022

Hello,
Can I change the width of the side panel somehow?
I have tried to make some adjustments in style.css but without changes.

Thanks in advance for your help.

Frank

SSemicolon WebSTAFFSep 20, 2022

Hello,

This is definitely possible! Consider using the following CSS Code as a guide:
[ch_pre type="css"]#side-panel {
right: -400px;
width: 400px;
}

.side-panel-left #side-panel {
left: -400px;
right: auto;
}

#side-panel .side-panel-wrap {
width: 430px;
}

#side-panel .widget {
margin-top: 40px;
padding-top: 40px;
width: 320px;
border-top: 1px solid #E5E5E5;
}

.side-push-panel.side-panel-open.stretched #wrapper,
.side-push-panel.side-panel-open.stretched .sticky-header .container {
right: 400px;
}

.side-push-panel.side-panel-open.stretched.device-xl .slider-inner,
.side-push-panel.side-panel-open.stretched.device-lg .slider-inner {
left: -400px;
}

.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
.side-panel-left.side-push-panel.side-panel-open.stretched .sticky-header .container,
.side-panel-left.side-push-panel.side-panel-open.stretched .slider-inner {
left: 400px;
right: auto;
}[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard