Navigation bar is not responsive

samedgurses46 · 2020-10-06T21:43:17.819Z

I made a bottom navigation bar for mobile users. To 375px it is responsive, however if the screen gets smaller than 375 px, the navigation bar does not respond and some icons disappears.

image863×757 24.1 KB

This is what happens if the screen gets smaller than 375px:

image742×768 23.1 KB

The right User icon disappears to the right, the icons do not squeeze so it fits:

image938×705 46.4 KB

How can i solve this?

Nocodify · 2020-10-07T02:22:44.386Z

Is there a minimum width set on the bar?

Tal
nocodify.com

samedgurses46 · 2020-10-07T09:37:56.461Z

Yes i have set a minumum width to the bar (88):

image1102×609 36.1 KB

TipLister · 2020-10-07T09:43:18.277Z

what I do is I put a group around each icon. I make sure the groups all touch. So 3 icons at page width 900, means 3 groups each group 300.
Icon in group centre.
Then the groups all are not fixed width with min width 10% of original so if you reduce the page size all groups move closer to another.
(If groups were not touching they would try to maintain the same distance between another.)

samedgurses46 · 2020-10-07T09:49:03.884Z

i have tried it but still the same problem occurs. Do you have an example application or pictures?

system · 2020-12-15T21:43:17.883Z

This topic was automatically closed after 70 days. New replies are no longer allowed.