Sidebar width - Forum | JoomShaper
Solved Templates

Sidebar width

Asked by Bernhard Huber 5 years ago Last activity 5 years ago

Hello guys,

I want to increase the width of the sidebar of the template dylan. Can you help me?!

Accepted answer

Marked as the solution
Ofi Khan Staff

Hello Bernhard Huber

Sorry, we do not provide customization support. You need to use Custom CSS for it. However, I will give you a hint. Please use this CSS to Template Options -> Custom Code -> Custom CSS. It will make the sidebar of 300px width.

body.predefined-header1 #sp-header {width: 300px; padding: 30px 20px;}
@media screen and (max-width: 1920px) {
body.predefined-header1 #sp-main-body, 
body.predefined-header1 #sp-bottom,
body.predefined-header1 #sp-footer {margin-left: 30px;} 
} 

@media screen and (max-width: 1440px) {
body.predefined-header1 #sp-main-body, 
body.predefined-header1 #sp-bottom,
body.predefined-header1 #sp-footer {margin-left: 10%;} 
} 

@media screen and (max-width: 992px) {
body.predefined-header1 #sp-header {width: 100%;padding: 20px;}
body.predefined-header1 #sp-main-body, 
body.predefined-header1 #sp-bottom, 
body.predefined-header1 #sp-footer {margin-left:0;}
} 

body.predefined-header1 #sp-header .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown {
    padding-left: 20px;
}

Best regards

3 more replies

Bernhard Huber Asked this

Thank you works really well

Ofi Khan Staff

You are welcome

Ofi Khan Staff

I have a humble request. It would be very kind of you if you can manage some moment to give us feedback here:

  1. JED
  2. Trustpilot
Log in to reply.