I'm struggling to troubleshoot an issue with the mobile and tablet versions of a web-shop I'm designing for university. Some pages have excessive space after the HTML tag, but only on certain pages. I've tried commenting out CSS lines related to min-height
and content
, checked for unclosed tags, but nothing seems to fix it. Can anyone help?
* {
font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
color: cornsilk;
box-sizing: border-box;
}
.registrierungLabel {
color: rgba(126, 79, 24, 0.514);
}
a {
color: rgb(184, 107, 82);
text-decoration: none;
}
a:hover {
color: cornsilk;
}
html {
overflow: scroll;
overflow-x: hidden;
}
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>guapo. | Hilfe</title>
<link rel="icon" href="images/clementine.png" sizes="16x16 32x32" type="image/png" />
...
</body>
</html>