trouble with site when zooming and on low res

Hi,

This theme has been great but i have run into some trouble that i’d like some help with if anyone would be so kind.

I want to make the width of the content page wider than the default amount set and to do this, ive tried adding in the style.css 2 different codes that both run into some practical issues

the first method was to add:
.container {
width: 1300px;
}
however this made it so low rescreens have a horizontal scrolling bar at the bottom of their screens which is usually not wanted

the second method was to add:
.container {
width: 100%;
}
however this has led to my sidebar expanding horizontally whenever i zoom out which is very unnatural

how do i expand the width of the container, or whatever part of the site necessary so that i get more content width to work with on my webpage

thank you very much for any help given

[moderator note – closed in favor of https://www.ads-software.com/support/topic/how-do-i-edit-content-width-without-sidebars-and-horizontal-scrolling-problems?replies=1&view=all; please do not make multiple topics]