Semantic UI (React): Отзывчивое вертикальное меню путем изменения горизонтального положения на мобильных устройствах

Question

Я использую вертикальное меню (semantic ui react). Это моя структура для этого:

<Grid> 
    <Grid.Column mobile={16} tablet={5} computer={5}> 
     <div className='ui secondary pointing menu vertical compact inherit'> 
      <a className='item'> 
       Element 
      </a> 
     </div> 
    </Grid.Column> 
</Grid> 

Но мне нужно, чтобы меню стало горизонтальным меню значков на мобильных устройствах. Можно ли так реагировать на это? Я имею в виду, что на компьютере это должно быть вертикальное меню с текстовыми элементами, а на мобильных устройствах оно должно отображаться горизонтально с значками ...

Answer 1

Я думаю, что вы ищете stackable menu вариант. Кроме того, вы можете использовать Grid's visibility для более сложных вещей.