Ignite sidebar is too narrow….

Hi Shawn,

Thanks for using Ignite!

The following CSS will make the sidebar much wider:

@media all and (min-width: 900px) {

  #sidebar-primary-container {
    width: 30%;
  }
  #main {
    width: 51.5%;
  }
}

You can paste that into the Custom CSS section in the Customizer, and it will take effect.

Feel free to adjust the values, just make sure to keep it all inside the 900px Media Query, or there will adverse effects on mobile/tablet devices.

Thank you Ben! That’s a lifesaver! Much appreciated.
Shawn

Oh also Ben, this fix works to widen and narrow the various elements of the sidebar or the main column on my website. BUT. I guess I should have asked my question differently.

What I’m really after is to see if I can widen the elements WITHIN the sidebar. It’s almost like there is padding inside the sidebar that’s making the elements narrow and small…almost like a frame.

What think ye? Could I add this fix to my Custom CSS as well?
Thank you SO much.
Shawn D.
PS To see better what I mean, go to my website…
https://www.artemiscopywriting.com and look at the sidebar. Narrow inside, not outside. Would like to widen it inside.

Ah I see. This too can be done with some CSS.

As you guessed, there is a padding value set on the widget containers.

Here is how I would edit it:

@media all and (min-width: 800px) { 

  #sidebar-primary .widget {
    padding-left: 8%;
    padding-right: 8%;
  }
}

This will immediately reduce the padding on the sides of the widgets. You can change the percentage to anything you’d like, or change it to a fixed pixel value if you’d prefer.

DANG!! You’re good.

Haha thanks Shawn ??