CODEWITHSUNDEEP
css
Grant Park
Grant Park

Reputation: 1044

HTML won't scroll

On my site, http://www.granthpark.me/outside If I resize my browser to smaller sizes, my content will be hidden and I can't scroll to it. Can anyone point out what's making the content fixed?

Here is the CSS, can't post it here because it's too long http://www.granthpark.me/assets/css/main.css

EDIT: New problem. I can scroll now because I tried replacing every instance of position:fixed with absolute in addition to changing overflow:hidden to scroll. But now I don't know how to fix the margin of my background to resize properly when I resize the browser.

Upvotes: 3

Views: 2011

Answers (5)

MHK
MHK

Reputation: 320

Simple replace the style sheet, you will get rid of all the problems. click to see

Upvotes: 3

MHK
MHK

Reputation: 320

add this property in body tag:

overflow-x:hidden;

In css file "main.css" line no. 934 add this property in id #bg

Position:Fixed

Upvotes: 0

MHK
MHK

Reputation: 320

add property in body tag this in css:
body{overflow: scroll;}

Upvotes: 2

Andrew Cheong
Andrew Cheong

Reputation: 30273

Here's the culprit:

body {
    background: #fff;
    overflow: hidden;
}

Upvotes: 1

Henry Zhu
Henry Zhu

Reputation: 2618

Change your body's property to overflow: scroll;
Right now your overflow property is set to hidden.

body {
    background: #fff;
    overflow: hidden;
}

Upvotes: 1

Related Questions