Background image goes over the text

Any Idea how to fix it?

I think I’ve found the problem, please correct me if I’m wrong…

1) you just changed “style.css” adding
html body .bg {
z-index: -1;
}

2) in theme.css you have

.bg {
height: 300%;

}

but if the page content is lower than that value, the page will continue after the footer.

I fiexd it in two ways (but is a workaround, have some problem in some screen size with js parallax effect)

in
html body .bg {
I added
background-repeat:no-repeat;

in theme.css changed
height: 300%; into height: 120%;

than I added some more content in the page to reach the height needed from the bg height.

But as said, is a workaround, if you can fix it better, please advise me (you can reproduce the problem in your demo version.

Thanks