Fixed navigation bar is not stretching

Need help
1

I have a fixed navigation bar on the bottom of the screen for mobile users only. But the icons are not next to each other but above eacht other. Ofcourse i want it to be next to each other. How can i fix this?

image
image873×641 17.5 KB

image
image1389×883 46.6 KB

2

Did you used the Responsive tab?
Try to anchor those elements on the left of the page.
If it’s still not work you can try to put each element in a group and make these groups stick/touch together.

3

The minimum width is set to 20%. That equals to 214px which is why you see the buttons stacked. They wont fit side by side in a 214px wide group.

4

Try this…if useful
https://2a7c93542693149360b49e2e8924dc26.bubbleapps.io/navigation_bar

5

So now i changed the width etc, but when you open it on a for example Iphone SE phone, it looks like this:

image
image528×835 24.1 KB

It should look like this ofcourse:

image
image592×932 29.2 KB

So mine point is that it is not 100% responsive, can i change this so it becomes responsive?