Как задать минимальную ширину?

Question

[unlik]

Имеется верстка jsfiddle.net/DelphinPRO/oduysw6c/2

Сейчас при уменьшении окна браузера элементы переносятся на следующую строку. Как сделать так, чтобы перенос осуществлялся только до 600px после чего появлялся горизонтальный скролл?

Answer 1

[Данил Сысоев]

min-width и overflow смотри

Answer 2

[Дмитрий Шинкарь]

min-width, а если позаморачиваться с медиа-запросами css, то можно будет сделать условия под конкретное разрешение (я так понимаю верстаете под мобильные устройства?)

Comments

[unlik]

Там проблема в том, что эта полоса имеет position fixed. Скрола изначально нет.

Answer 3

[Йцу Йцуевич]

min-width

Comments

[unlik]

Там проблема в том, что эта полоса имеет position fixed. Скрола изначально нет.

[Йцу Йцуевич]

почему не задашь другой position?

А вообще, как Дмитрий сказал, можно с медиа-запросами поиграться...

[Йцу Йцуевич]

htmlbook.ru/css/value/media

Answer 4

[Юрий Молотов]

Что-то с точки зрения юзабилити и дизайна вообще какой-то отстой получается.
Какой горизонтальный скролл у меню? Тебе удобно самому будет таким меню пользоваться?

Вижу два адекватных варианта: перенос меню от логотипа, сокрытие кнопки, либо обычное мобильное меню.