Scroll bar scrolls halfway

My site is BaseXrc.com

The problem I am having is when I view the site on a mobile phone or a browser window that has been "restored down" (the button next to minimize), the scroll bar still leaves much of the site on the left and right side unreachable. I would appreciate any help as to how I can fix this.

Ok as of now 1and1 hosting locked my site, I'll let you know when it is unlocked so you can view it and hopefully help my out.

geostomp:

Ok as of now 1and1 hosting locked my site, I'll let you know when it is unlocked so you can view it and hopefully help my out.

Ok site back up. Please help

I'm not sure what you are trying to accomplish with this rule, but it is imposing a bunch of constraints that limit the page's flexibility:

stylesheet.css, line 1127```
/**Layout/
#mainWrapper {
left:50%;
text-align: left;
float:left;
width: 960px;
margin-left:-480px;
background:#FFF;
-moz-box-shadow: 0 0 1em #EEE;
-webkit-box-shadow: 0 0 1em #EEE;
box-shadow: 0 0 1em #EEE;
position:relative;

}

I'm guessing that you're trying to center your mainWrapper. If so try these changing this:

/*******************************Layout*****************************/
#mainWrapper {
	left:50%;
	text-align: left;
	float:left;
	width: 960px;
	margin-left:-480px;
	background:#FFF;
	-moz-box-shadow: 0 0 1em #EEE;
	-webkit-box-shadow: 0 0 1em #EEE;
    box-shadow: 0 0 1em #EEE;
	position:relative;
	
	}

to this:

/*******************************Layout*****************************/
#mainWrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	background:#FFF;
	-moz-box-shadow: 0 0 1em #EEE;
	-webkit-box-shadow: 0 0 1em #EEE;
    box-shadow: 0 0 1em #EEE;
	
	}

Ok I'll try that. The stock Estore Now template demo has the same problem and that is the template I'm using.

Ok I made tat change and the problem persists. I am beginning to think this is a shoty template.

Bought a premo template, fixed the problem, thanks for your reply!!!