So I have a fluid web page which will be used on both desktops and mobile devices.

If I put the long column of buttons (300+ buttons) on the side it looks great on desktop but looks ridiculous on mobile. If I make it so the buttons are in a long column on mobile it looks ok there but now it looks ridiculous on desktop.

What is a good way to do this?

EDIT: The top 5 buttons will be related to the most recent content and will be used the most frequently. However it does seem to be a good idea to initially hide the rest of the buttons and provide an option to dig deeper if the user wants. What would be a good way to have this option available but not overwhelm the user?

  • 1
    How are people using the buttons? What are they, and why are there so many? – Nate Green Nov 30 '16 at 18:40
  • 1
    I think your answer is "responsive web design" – DA01 Nov 30 '16 at 19:08
  • 1
    If the purpose of the buttons is to show users different styles or designs, then I think the easiest way is to try and categorize then put in filters to limit what is shown. But if the buttons are meant to be the actions that users can trigger, then there is no sensible way of doing this as the user is just going to be overwhelmed with the information. This is the difference between scanning for specific information and browsing for general information. – Michael Lai Nov 30 '16 at 22:28
  • 1
    300+ buttons OMG even in mobile! someone's gone crazy. You have to super smart at this point. – Jivan Dec 1 '16 at 3:05
  • You guys are providing some great ideas. Well, it seems the top 5 buttons will always be the most recent content and the rest of the buttons won't be used as often but should be accessible. I'll update my question. – rotaercz Dec 1 '16 at 17:02

Combine both methods using media queries, so it looks good on desktop and good on mobile:

enter image description here

  • o my gosh you are amazig. Where are you? Which timezone? I see ur answers everywhere. Is it ur full time job ? – Jivan Dec 1 '16 at 2:52
  • top 0.11% this quarter. you are killing every questions. what a massacre! – Jivan Dec 1 '16 at 2:54
  • I updated my question with more information. – rotaercz Dec 1 '16 at 17:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.