title: Semantic UI (React): Responsive vertical menu by changing to horizontal on mobile devices
body: <p>I am using a vertical menu (<code>semantic ui react</code>). This is my structure for that:</p>
  
  <pre><code>&lt;Grid&gt;
      &lt;Grid.Column mobile={16} tablet={5} computer={5}&gt;
          &lt;div className='ui secondary pointing menu vertical compact inherit'&gt;
              &lt;a className='item'&gt;
                  Element
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/Grid.Column&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>But I need the menu to become a horizontal icon menu on mobile devices. Is it possible to make it in this way responsive? I mean on computer it should be a vertical menu with text items and on mobile devices it should be displayed horizontal with icons...</p>