How to modify footer width in CSS

this is the site
https://kedaibibi.com/store/

sorry forgot to include

the issue only happened in Latest Chrome, there is a fixed width for the footer that allow me to scroll to the right to the max width

try save a bg color white in wp-admin->background..

You can add max-width: 1440px; to the footer but then you will need to center it because it is floated to the left.
The footer is also the only element outside of the div with the id wrapper which makes me wonder why. Perhaps here lies the problem. Contact the theme author – Richie KS.

wow it worked! Thank you Richie!

Sorry it worked in IE 11, but not in Chrome.
I’ve cleaned my cache.. but still if you see in the screen capture, the area was wider than the browser area..

https://kedaibibi.com/store/wp-content/uploads/2014/09/samplepage2.jpg
you see on the bottom, the windows scroll bar showing i have wider space.

At least now both your top navigation and footer are the same width – 1750px. If you attempt to reduce their widths, however, both elements will float to the left.

but what is bugging me is why the scroll bar keep appearing.. this only happened in google chrome

I don’t see a horizontal scroll bar when viewing your theme with Chrome.

hmm, but you see my screen capture in the previous entry?

Yes, I saw it, and I viewed your site with Chrome Version 37.0.2062.124 m. There is no horizontal scroll bar on any page width.

ok, let me try to change the chrome.. thank you

You can set the maximum width of the page to 1440px by replacing the container id with the following code:

#container {
/* float: left; */
width: 1440px;
margin: 0 auto;
padding: 0;
}

Then you will have to deal with the footer separately because it is the only element outside of this container.

You can also set the footer as follows:

footer {
margin: 0 auto !important;
max-width: 1440px !important;
float: none !important;
}

Also, remove the float: left for the footer tag.

I’ve done the changes in Chrome and everything works fine. The overall width is now set at 1440px. Let me know if you have problems implementing these changes.

@rudynesia
that’s overflowing issue. something in sidebar or footer might be overflowing your content width area..

update
seem fine to me in both chrome and ff latest ver..