I am updating my fathers' website

-- WEBSITE --

A web developer made it years an ago.

Now I put an SSL Encryption on the website. But after that change, it seems there is an unwanted margin in the header on some pages.

I can't seem to find out where it's coming from.

I think it possibly has something to do with just your screen resolution, but I'm not an expert. I know I've had plenty of experiences were if I scroll too fast or I resize the viewport, I get black lines in between items that flicker and then disappear, so it could be something like that.

CodePudding user response：

Thank you all for responding.

I found the solution in siva - abc's answer.

I added 'background-size: cover' to the list items in the CSS classes and now the problem is solved!

Thanks all!