admin管理员组

文章数量:1355592

I am using a vertical menu (semantic ui react). This is my structure for that:

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

But I need the menu to bee a horizontal icon menu on mobile devices. Is it possible to make it in this way responsive? I mean on puter it should be a vertical menu with text items and on mobile devices it should be displayed horizontal with icons...

I am using a vertical menu (semantic ui react). This is my structure for that:

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

But I need the menu to bee a horizontal icon menu on mobile devices. Is it possible to make it in this way responsive? I mean on puter it should be a vertical menu with text items and on mobile devices it should be displayed horizontal with icons...

  • javascript
  • css
  • reactjs
  • semantic-ui
  • semantic-ui-react
Share Improve this question edited Feb 8, 2017 at 12:31 Oleksandr Fediashov 4,3351 gold badge25 silver badges43 bronze badges asked Feb 7, 2017 at 22:19 user3142695user3142695 17.4k55 gold badges197 silver badges375 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 4

I think you're looking for stackable menu variation. Also, you can use Grid's visibility for more plex things.

I have been looking for responsive react semantic-ui menu and this looks good, collapses with a hamburger icon

https://codesandbox.io/s/325y47xk36

本文标签：

版权声明：本文标题：javascript - Semantic UI (React): Responsive vertical menu by changing to horizontal on mobile devices - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744001939a2574018.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。