Change sidebar width

Hello all,

I’ve been setting up a new site using the Shapely theme and I can’t figure out how to adjust the sidebar width. It takes up too much of the screen real estate currently and I’d like it to be about half the current width if possible.

I’ve tried using some code in the “Additional CSS” section that I found on another one of your themes but it doesn’t seem to do anyhing in this theme.

Here’s the code I took from another theme, with an edit to the width percentages:

@media (min-width: 1000px){

div.main-content-inner {
width: 85%;
}
div#secondary{
  width: 15%;
}
}

Any ideas?

Many thanks

Hey there,
I hope you’re doing well today

This theme uses different CSS selectors try this instead:

@media (min-width: 1000px){
div#primary {
width: 85%;
}
aside#secondary{
  width: 15%;
}
}

Best Regards,
Support

Ah that’s brilliant!

Thanks for that, I’ve tested it and it’s working perfectly. Cheers!

You’re welcome :slight_smile:

Let us know if you need help with anything else. You need help with.

Best Regards,
Support