Сжать / закрепить панель навигации с изображением заголовка с помощью медиа-запроса

Я только начал экспериментировать с медиа-запросами и, кажется, дошел до камня преткновения в том, чего пытаюсь достичь.

У меня есть простой заголовок / баннер с панелью навигации прямо под ним, которая включает ссылки на четыре отдельные страницы.

У меня есть медиа-запрос, настроенный для изменения размера моего заголовка, когда размер страницы изменяется за пределы определенной ширины, а панель навигации изменяется вместе с ней. У меня проблема в том, что панель навигации остается статичной и не «привязывается» к измененному размеру изображения, оставляя некоторое уродливое синее пространство между верхней частью панели навигации и самим заголовком.

Соответствующую страницу можно найти на www.grantdoole.co.uk.

Как я могу щелкнуть или закрепить панель навигации, чтобы страница не выглядела липкой при изменении ее размера?

(P.S: в настоящее время медиазапросы к странице применяются только к заголовку и панели навигации)


person Grant Doole    schedule 16.05.2013    source источник


Ответы (1)


Если вы удалите фиксированную высоту из внутренней головы и из заголовка, она будет следовать за вашим изображением по мере его сжатия :)

person ConorLuddy    schedule 16.05.2013
comment
Спасибо, добрый сэр. Это именно то, что я хотел! - person Grant Doole; 16.05.2013
comment
Не беспокойся, Грант, CSS полон этих мелочей! Спасибо, что отметили мой ответ. - person ConorLuddy; 16.05.2013