Pages not resizing to width of mobile screen

Any help on this?

I’ve kind of figured this out:

My custome CSS of adding social icons on the desktop version is pushing the width off.

This code:

#twitter-logo {
	float: left;
	margin: -32px 442px;
}

#google-logo {
	float: left;
	margin: -32px 475px;
}

#facebook-logo {
	float: left;
	margin: -32px 508px;
}

#youtube-logo {
	float: left;
	margin: -32px 541px;
}

#gmail-logo {
	float: left;
	margin: -32px 574px;
}

#rss-logo {
	float: left;
	margin: -32px 607px;
}

is what is causing it. Now I just need to figure out a way to put links and search bar above the header through a different method.

I figured this out. Had to do with using a header and footer plugin that worked outisde of WPtouch, which kept adding desktop elements and CSS that WPtouch was supposed to ignore. Instead, I coded those elements and code into the header and footer files of the child theme, so now WPtouch properly ignores them when in mobile.