Блок перестаёт быть адаптивным. Bootstrap 3. Решения?

Question

[rinatoff]

Блок перестаёт быть адаптивным. Т.е при уменьшении экрана контент (меню) перестает быть видимым , для мобильных экранов. Причина в том что была задана высота блока. Пути решения? Скрины прилагаю.

Comments

[iBird Rose]

Причина в том что была задана высота блока.

ну тк убери ее

[rinatoff]

iBird Rose, логично ) а вариант то, что я прописал её для необходимости не рассматривается? Другие пути решения нужны, то что её убрать и проблема исчезнет я и сам прекрасно знаю, поэтому и указал причину.

[iBird Rose]

rinatoff, убрать высоту на мобильном разрешении? когда меню таким становится.

[rinatoff]

iBird Rose, да именно.

[iBird Rose]

rinatoff, что именно? в media говорю на мобильных и убирай.

[rinatoff]

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

[Кирилл Инкогнатович]

rinatoff,
media (max-width: разрешение которое тебе надо) {
#id или .class {стиль для этого элемента;}
}
вставляется в конец css, и будет обрабатываться если размер экрана меньше того, который ты задал

[Кирилл Инкогнатович]

@media (max-width: разрешение которое тебе надо) {
#id или .class {стиль для этого элемента;}
}

[rinatoff]

Артём Инкогнатович, спасибо бро! Как раз то, что нужно было) Добра тебе!

Answer 1

[dim5on]

Попробуйте не задавать высоту блока, а задать ее через padding сверху и снизу на самом меню.
А так кусочек кода не помешал бы

Comments

[rinatoff]

Спасибо! Проблема решилась медиа запросом )