Я создаю веб-сайт в Materialize Framework. У меня проблема с логотипом на панели навигации. Так что мой логотип очень большой (6202x3800 px) и другой версии у меня нет. Я хочу поместить этот логотип в панель навигации, но он всегда выходит за рамки nav-wrapper
. Я пытался добавить класс responsive-img
, но это вообще не сработало.
Вот мой код:
#allcontent {
background-color: white;
margin: 2%;
}
body {
background: #d26335;
}
nav {
color: black;
}
<div class="row" id="allcontent">
<div class="navbar-default" id="navbar">
<nav class="white">
<div class="nav-wrapper">
<a href="index.html" class="brand-logo left"><img class="responsive-img" id="logo" src="<!-- my image -->"/></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="sass.html"><i class="material-icons">search</i></a>
</li>
<li>colors</li>
</ul>
</div>
</nav>
</div>
</div>