Есть ли способ исправить эту маленькую проблему с моим фоновым изображением на моем адаптивном сайте?

Question

Я создал новый адаптивный веб-сайт с навигационной панелью, текстом, фоновым изображением и т. Д. Затем возникла проблема. Под моим колонтитулом большое белое пятно. Есть ли способ изменить код, чтобы там было и мое фоновое изображение? Код написан на HTML, CSS и нескольких строках JavaScript.

Моя проблема

Я пробовал это с этим кодом, но он не работает:

body {
    font-family: "Raleway", sans-serif;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: dimgrey;
}

Мой код: https://jsfiddle.net/q64g3ft7/2/

Answer 1

Можете ли вы выслать мне скриншот с вашего сайта, чтобы я мог знать, в чем проблема!

Answer 2

В своем файле nav1-1.css добавьте следующее в html, body, div, p, a, ul, li:

height: 100%;
overflow: hidden;

Это будет выглядеть так:

    html,
    body,
    div,
    p,
    a,
    ul,
    li {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      font-size: 100%;
      vertical-align: baseline;
      height: 100%;
      overflow: hidden;
}

Answer 3

Пожалуйста, создайте JSFiddle для этого типа проблемы