[ https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17127541#comment-17127541 ]
Aashna Jena commented on CAMEL-15140: ------------------------------------- [~Aemie] [~delawen] I was thinking that for screens < 675px, we can find the width : height ratio and then have either a vertical menu with 2-2-2 menu items in a row or 3-3 menu items in a row like mobile-menu-mockup-6. Is this what the concern is about? Horizontal vs vertical screens? The only change we will be making here is to change the width of each block from 50% to 33%. > Improve Main Menu for Mobile Screens > ------------------------------------ > > Key: CAMEL-15140 > URL: https://issues.apache.org/jira/browse/CAMEL-15140 > Project: Camel > Issue Type: Improvement > Components: website > Reporter: Aashna Jena > Priority: Major > Labels: outreachy2020 > Attachments: image-2020-06-07-13-23-24-957.png, issue-mutation.png, > mobile-menu-mockup-1.png, mobile-menu-mockup-2.png, mobile-menu-mockup-3.png, > mobile-menu-mockup-4.png, mobile-menu-mockup-5.png, mobile-menu-mockup-6.png, > screenshot-1.png > > > Our current menu for mobile screens is a list of text items with a small > drop-down arrow, which don't really make for a good touch target. I like how > the facebook app displays menu items - they take up the full screen and each > menu item has an icon and text enclosed in a box-like structure. I also like > Amazon app's menu, where sub-menus replace the menu space instead of opening > up as drop-downs. I can post some mock-ups if we are open to changing the > design of the menu on mobile screens -- This message was sent by Atlassian Jira (v8.3.4#803005)