Адаптивный HTML-сайт создает «черный» фон для заголовка на небольших устройствах или экранах

Question

Я работаю над следующим сайтом: http://flask -priceline.f8n9uir55a.ap-southeast-2.elasticbeanstalk.com /

На данный момент это просто песочница для разработчиков,На полном экране (на рабочем столе) это выглядит великолепно, но когда вы сужаете браузер или просматриваете на мобильном телефоне, белый заголовок / навигационная панель вверху почему-то становится черным, и я не могу понять, почему?Я не гуру HTML / CSS, поэтому я немного озадачен ... Картинка ниже:

Все хорошо: Не очень хорошо (когда меньше):

Answer 1

В вашем файле style.css в строке 3146 и посмотрите, что

.header_area .navbar {
    background: #0b0707; }

и измените его на background: transparent;

.header_area .navbar {
        background: transparent; }