Я нашел учебник для меню навигации с позицией go слева. Но сейчас мне бы хотелось, чтобы на мобильных устройствах была иконка гамбургера, и я не знаю, как это сделать. К сожалению, я не смог найти учебник онлайн с моими конкретными потребностями c, но попытался использовать учебник для иконки гамбургера, но безуспешно и вернулся к началу.
<div class="container">
<div class="logo">
<img src="images/logo-large.png" alt="Nathan Ashbury Logo" class="image-1">
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Coding</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
```
.container {
clear: both;
overflow: auto;
}
nav {
background-color: rgba(18,7,88,1.00);
margin: 10px auto;
text-align: center;
width: 95%;
}
.logo img {
float: left;
width: 130px;
}
.image-2 {
display: none;
}
.image-3 {
display: none;
}
nav ul li {
display: inline-block;
padding: 10px;
font-size: 20px;
font-family: "Helvetica", sans-serif;
}
nav ul li a {
text-decoration: none;
color: #fff;
}
nav ul li a:hover {
text-transform: uppercase;
}