WordPress article text issue

Question

I have changed the text area by editing the max-width from 696 to 1300

    .entry-content,
.entry-summary {
    margin-top: 34px;
    max-width: 1300px;
    width: 100%;

But that made two issues

1. The post footer on the left upper corner overlaps with it, so my text starts only after the post footer. I don't really understand what I have done, but I know that I want the text to start right next to the footer and after the footer it extended.
2. the text can exceed the page which enable the right/left scroll. How to make the text don't exceed the page?

I think that the problem is very clear using all mentioned above but feel free to visit the post that is in the screenshot http://www.abdorefky.com/testing-homepage-margins/

Answer 1

the reason why it went down is because when you increased the width from 696px to 1300px, it's containing div (.entry-wrap) cannot contain it anymore since its only 1272px wide. So it has to bring down that div below the footer and even add a scroll bar. May I know what you intend to do?

Answer 2

The content div shares a CSS class with .entry-content, which appears to be overriding .entry-summary

Try updating your .entry-content CSS.

There is a padding-left: 100px; under .entry-content, which is indenting your content.