Wallpress - How to make left column wider

Marko Jaric
asked 10 years ago

The left column is currently too narrow for my logo and many of my categories. Please let me know how to make the column wider so that everything will fit.

1 Answers

DominicStaff
answered 10 years ago

In order to make the left sidebar wider, you can log in to Dashboard > Theme > Customize > Website Setup then add the following code to the “Custom CSS”

<style>
#sidebar {
   width: 240px;
}
#main {
   padding-left: 260px;
}
</style>

Hope this helps!

Tara Wrigley
replied 10 years ago

Hi there, I would also like to increase the size of the left sidebar in DW Wall Pin however, when I paste this code into the Custom CSS, Header code box, it does not work. Can you please help?

Dominic Staff
replied 10 years ago

You can add the following code:

nbeacham
replied 9 years ago

When I do this, it completely breaks the responsiveness. On mobile, after I do this everything in the main content area is thin and pushed to the right.

dominic Staff
replied 9 years ago

You can try the following code:

#main {padding: 50px 8px 10px 230px;}
#sidebar { width: 230px;}
@media only screen and (max-width: 985px) {
  #main {
    padding: 50px 10px 10px !important;
}
}

Hope this helps !