HTML won't scroll

Question

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 cannot scroll It. Can anyone point out what is capturing the content?

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 now scroll through the pages because I tried to replace every instance of position: fixed with absolute in addition to changing the overflow: hidden to scroll. But now I don't know how to fix my background border to resize correctly when the browser is resized.

+3

css

Grant Park Jul 12 At 4:50 am

source to share

5 answers

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

+2

MHK Jul 12 At 4:54 am

source to share

Change the body property to overflow: scroll;

Right now your property is overflow

set to hidden

.

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

+1

Henry Zhu Jul 12 At 4:51 am

source to share

Here's the culprit:

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

+1

Andrew Cheong Jul 12 15 at 4:53

source to share

add this property to the body tag:

overflow-x:hidden;

There is no css file "main.css". 934 add this property to id#bg

Position:Fixed

0

MHK Jul 12 15 at 5:36 am

source to share

MHK · Accepted Answer · 2015-07-12T05:56:48+0000

Just replace the stylesheet, you will get rid of all the problems. click to see

HTML won't scroll

More articles: