I am trying to get a solution for the mobile version of a web layout for an advanced search which includes dropdowns, filters, checkbox and toggle buttons. I tried to get it in the responsive format but the elements are coming out very small or big in a mobile view. Also utilizing space in the mobile view is also becoming a task. Here is a wireframe of the web layout of the advance search. enter image description here

  • What are all those XXXXXX's in your image? What are they supposed to present? Commented Oct 17, 2022 at 10:30
  • Those are just the titles of the data that needs to be represented. this is just the reference image so don't look into details. Its just to give the idea of the layout. Commented Oct 17, 2022 at 10:34
  • Danielillo's answer below is the most common way to perform what you are trying to do. I would also recommend digging in more to what your mobile user is trying to do - why are they using mobile instead of desktop at that moment - and remove options that the user isn't likely to need.
    – Izquierdo
    Commented Nov 16, 2022 at 14:58

1 Answer 1


More than an advanced search, this is a filter. You will find all the options you list with a responsive solution in the MyFonts.com filter where, while in the desktop version it remains always visible, in the mobile version it allows access through a button enter image description here allowing the use of the full screen

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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