wordpress text area issue (Huge issue on mobiles)

I took a brief look at this and by playing in the editor a bit I was able to get it to work by taking the padding-left off and by taking your widths off.

Your WordPress site should already have a theme that is fully equipped with mobile readiness.

Hopefully this helped

the max-width was 696 at first.
and i changed it to 1000 to make wide text area .

my theme support all of those https://drive.google.com/open?id=0B_En0WCYnzMsak55Z2FodDFFNFU

so do you think that i should remove those setting from the main content and add them under the media screen for all 1000 px and above ?

.entry-content,
.entry-summary {
margin-top: 20px;
max-width:1000px;
width: 100%;
float: none; /* i don't know if this affect any thing */
float: none!important;
padding-left:150px !important;
               }

because the upper changess was made under the main content

You really don’t need the width:100%; when you have the max-width set at 1000px.

as far as the padding if you want that on the desktop version I would put that in the media screen for that and then exclude it from the tablet and mobile version as that seems to be pushing stuff around.

oki.
so what is meant by width 100% for 1000px ?

example for me question

width 80% for 1000px VS width 100% for 800 px

fixed by adding those under screen media 1032

.entry-content,
	.entry-summary {
	max-width:1000px;
	width: 100%;
	float: none;
	float: none!important;
	padding-left:150px !important;
	}