I created custom app bar and everything is working OK expect when I review the app on my iPhone with PWA application. On my computer everything is correctly placed but when I preview on phone the rectangles are messed up. How to fix?
Here is on my computer view and then after them my iPhone view.
Basically, all you have to do is place a rectangle behind the icon and text and group all 3 together. Ensure that the icon is center-aligned with the rectangle. Do this for both sets of icons. (all 4 sets as it looks like you have an “active” set and “inactive” set for each icon).
Okay, It still doesn’t work. Did I do everything correctly? Here is images:
First image shows the group of rectangle, icon and text. I made the rectangle transparent. Then the rectangle 33 is the grey one behind and rectangle 32 is white on behind them.
You don’t need the invisible rectangle if you have the grey one in the group instead. Delete the invisible rectangle and group the grey one with the icon+text.