2

Good day, I'm not really sure how to deal with this issue, but I'm really struggling to get rid of the white space at the top of my website. it's a single page with sections and parallax effect. When I launch it, I see the white space at the top, and when I start scrolling and reach the second section of the page then the white space disappears. I have set the: body, html:{ margin:0; padding:0; }

I have attached the website pictures as well.

And I'm using django, and not sure if the fact of putting my sections in different html files is causing this. First section which starts the website and parallax Second section which scrolls up and make white space disappear first section html code enter image description here enter image description here enter image description here enter image description here I'm not really sure of what to do now.

Will appreciate any help.

Empire Drcongo
  • 87
  • 8

2 Answers2

1

I figured out what the issue was: just had to do this:

   background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;

and not have it cover the whole section

Empire Drcongo
  • 87
  • 8
0

I've noticed this issue when I used Visual Studio to edit some django template files. I ended up having to save the file without BOM.

How to make Notepad to save text in UTF-8 without BOM?

UTF-8 without BOM

Community
  • 1
  • 1
Chris Hawkes
  • 11,923
  • 6
  • 58
  • 68