Для создания адаптивной полосы прокрутки для элемента можно использовать CSS свойство `overflow-x` со значением `auto`. Это позволит элементу получить горизонтальную полосу прокрутки при необходимости.
Пример:
```css
.menu {
overflow-x: auto;
white-space: nowrap;
}
```
В данном примере у элемента с классом `.menu` будет автоматически добавлена горизонтальная полоса прокрутки, если содержимое выходит за пределы элемента.
Чтобы избежать сбоев отображения при уменьшении экрана, можно использовать свойство `white-space` со значением `nowrap`. Это приведет к тому, что содержимое элемента не будет переноситься на новую строку, а будет отображаться в одну строку.
