Проблема с наложением логотипа и навигационного меню на зум

Question

В самом меню есть пара проблем, которые я не знаю, как исправить. Код кажется действительным (по крайней мере, в этой части), но проблема в том, что когда пользователь заходит на веб-сайт, он масштабируется (как в случай нетбуков), логотип сайта и меню nav1 перекрываются. Есть какие-нибудь подсказки о том, что здесь не так? Я пробовал в Firefox, Chrome и Opera на моем компьютере, и он не перекрывается, но на разных компьютерах ... Проблемы с кэшем для этого бита.

Любая помощь будет приветствоваться!

это URL

Answer 1

Ваш логотип расположен абсолютно, поэтому слева от него всегда будет 87px может быть, вам нужно написать CSS по-другому

.logo img {
left: 87px;
padding: 20px;
position: absolute;
top: 28px;
z-index: 18;
} 

Answer 2

Это потому, что разрешение или ширина браузера нетбуков слишком мала, чтобы вместить как логотип, так и навигацию. Я вижу ту же проблему, когда перетаскиваю свой браузер, чтобы он стал более узким.

Вы можете уменьшить логотип или изменить ширину #header на 1024 пикселя, чтобы избежать слишком сильного сжатия.

Однако это будет означать, что контент будет вытекать из окна браузера на нетбуках.

Я рекомендую уменьшить логотип, если вы хотите оставить ширину 964 пикселя #header