Проверьте эту ссылку для видео проблемы. На самом деле не уверен, как еще это объяснить: после переключения iPhone 7 с пейзажа на портрет в нижней части экрана появляется белая полоса. Интересно, что белая полоса кажется того же размера, что и строка меню. Вот экранная запись проблемы:
http://mintrain.co.uk/whitebar.MP4
Любые идеи будут великолепны!
HTML:
<div class="header">
<div class="maxw">
<img id="logo" src="images/whitelogo.svg">
<div class="nav">
<ul>
<li>
<a href="index.html">HOME</a>
</li>
<li>
<a href="prices.html">PRICES</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
CSS:
.header {
position: absolute;
background: rgba(0, 0, 0, 0.8);
padding: 10px 0px;
height: 60px;
width: 100%;
z-index: 10;
}
#logo {
height: 60px;
padding-left: 10px;
}
.nav {
position: relative;
float: right;
height: 60px;
top: 10px;
}