Increase widget width

Can you show us a page with the issue?

I don’t know how robust this is of a solution, because it might only work on my particular screen size.

If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   @media only screen and (min-width: 60em) {
       .container {
           max-width: 100%;
           width: 100%;
       }
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

I think the widget is constrained by the width of the entire site, so you could make the entire site wider. Another option would be to make the actual content column smaller while leaving the width of the entire site

So the above code that I mentioned in my second post makes the whole site wider, but does so at a minimum of like large tablet? I’m not sure for “60em” converts to, but I have a feeling that it’s around a desktop size.

I’d encourage you to use a Custom CSS plugin to hold your CSS modifications, so that when things go wrong you can just deactivate the plugin. Or you can find the code that you’ve modified a lot easier, rather than having to go through a thousand lines of CSS.

An improvement of the code might be this:

@media only screen and (min-width: 60em) {
    .container {
        max-width: 1500px;
        width: 100%;
    }
}

Do you want to explore the option to increase the main section of content still?