@SimonTheSinger

Как отключить перенос иконки меню «гамбургера» на следующую строку при уменьшении изображения в bootstrap?

Доброго времени суток!

При уменьшении разрешении экрана значок смещается на следующей уровень, однако хотелось бы, чтобы он оставался в одной линии и сжимал изображение логотипа. Изображение сжимается - все ок.

5fbe52d116f48763830382.jpeg
5fbe52d904f64171649062.jpeg
5fbe52dfdb31b299793573.jpeg

Параметры изображения в CSS:

.LogoImage {
display: inline-block;
max-width: 100%;
max-height: auto;
}

Заранее спасибо!
  • Вопрос задан
  • 48 просмотров
Пригласить эксперта
Ответы на вопрос 1
@nikoly57
Привет!
Можно сделать следующую структуру:

HTML
<div class="area">
    <div class="area-img">
        <img class="LogoImage" src="/img.png"> <!-- твой логотип -->
    </div>
    <div class="area-menu">
        <button></button> <!-- твоя кнопка меню -->
    </div>
</div>


CSS

.area {
 display: flex;
  flex-wrap: nowrap;
}

 .area-img,
.area-menu {
 display: flex;
}

 .LogoImage {
 width: 100%;
  height: auto;
 }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы