Change the theme width

Well, the width of the sidebar is determined here:

#secondary-wrapper {
  float: right;
  width: 29.2434%;
}

The main content width is set by this rule:

#content-wrapper {
  clear: both;
  margin: 0 30.4% 0 0;
}

The navigation menu width is determined here:

#access {
  box-shadow: 5px -5px 5px -5px rgba(0, 0, 0, 0.5);
  display: block;
  float: left;
  margin: 0 auto;
  width: 69.6%;
}

Setting the width of the #secondary-wrapper to 20% and the margin of the #content-wrapper to 20.4% worked for me.

You then need to set the width of the navigation menu. Setting it to 79.6% worked for me.

You’ll want to play around with the figures to get a set of widths that you’re happy with.

If you don’t have full control over the theme’s code, you should seriously consider making your changes in a Child Theme. It’s the only recommended way of modifying a theme.

HTH

PAE