[rkmoonak]

I am using default layout of “Left Sidebar”. I need to reduce left sidebar width and increase content width. Layout should be responsive.

[Sakin]

@rkmoonak: You can increase the width of Primary and decrease the width of the secondary in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 783px) {
    .two-columns #primary { width: 64%; }
    .two-columns #secondary { width: 34%; }
}

[rkmoonak]

Not sure if above solution is working correctly.
Please visit https://eventslogbook.com and you will notice that sidebar has a lot of unused space (width), which I want to reduce. Please advise how? Thanks.

[Sakin]

@rkmoonak: Then you can replace the above css with the following css:

@media screen and (min-width: 960px) {
    .two-columns #primary { width: 76%; }
    .two-columns #secondary { width: 22%; }
}

Note: Sorry for the late reply as we are still in state of emergency due to massive earthquake in Nepal. Internet, electricity, water and sanitation are huge problem here. We are also helping others in the community so we are slowing getting back online.

[Author]

Posts