After changing the screen resolution, it appears that the nav-search-ul element fails to return to its correct position. It seems like the media query is not working properly.
This issue only occurs in Chrome, as everything works fine in Firefox and IE.
You can verify this by clicking here
<nav>
<ul>
<li class="m">aaaaa</li>
<li class="nav-search-ul">bbbbb</li>
</ul>
</nav>
li {
color: red;
display: block;
}
ul {
clear: both;
background: rgb(27, 34, 36);
text-align: center;
}
@media (min-width: 600px) {
li {
display: inline-block;
}
.nav-search-ul {
float: right;
}
}
A solution has been found: