2016-04-11 4 views
0

Я создаю меню наложения, которое падает сверху. Я хочу, чтобы навигационная панель находилась внутри наложенного слоя (<div id="myNav" class="overlay">), который работает, но, к сожалению, над ним есть пробел, и я не могу найти, где я могу избавиться от этого, и это не повлияет на остальную часть сайта.Белое пространство над навигационной панелью в наложении меню

ссылка http://ptdtest.website/home.html

здесь код

+0

Каждый элемент имеет запас по умолчанию и отступы, попробуйте удалить его –

+0

Вы дали 'верх: 4%', который является причина для пробела в '.overlay-content' – ihimv

+0

Я пробовал это, и это заставило кнопку не отвечать, меню теперь не открывается – daveptd

ответ

0
.overlay-content { 
    position: fixed !important; 
    top: 4% !important; 
    width: 100% !important; 
    text-align: center !important; 
    margin-top: 1px !important; 
} 

Этот CSS используется в вас странице вам необходимо удалить top свойство от него и новый CSS будет этот

.overlay-content { 
    position: fixed !important; 
    width: 100% !important; 
    text-align: center !important; 
    margin-top: 1px !important; 
} 

В верхней части, предоставляющей пространство для вашего .overlay-content сверху.

+0

Я пробовал это, и это заставило кнопку не отвечать, меню теперь не открывается – daveptd

+0

попробуйте опубликовать свой код или создать скрипку, потому что проблема может быть исправлена ​​только после их тестирования. –

0

просто изменить свойство наложения-контента верхней к

+0

Я пробовал это, и это заставило кнопку не отвечать на запросы, меню теперь не открывается – daveptd

+0

измените также ваш **. Overlay ** * z-index * to ** - 1 ** по умолчанию, надпись была над вашим заголовком, что имеет z-индекс 12. всякий раз, когда вы вызываете свой .overlay, изменяется его z-индекс на число больше 12. – Abbr

Смежные вопросы