WAIT: Nav Menu - looks different on ipad and iphone

Bugs
1

Browser: Chrome 110
OS: macOS
URL: Link to a page that illustrates this issue
Password: hallo

Hey there, i do not understand why the Styling of the Menue does not work on iphone and ipad.
In my Bricks Backend everything looks fine.
Iphone: overflow right, eventhough the Text is wrapped.
ipad and iphone: Line height 3 em does not work.

Cheers
Monika

IMG_0166
IMG_01661620×2160 125 KB

Bildschirmfoto 2025-07-04 um 14.32.32
Bildschirmfoto 2025-07-04 um 14.32.321228×612 34.5 KB

Bildschirmfoto 2025-07-04 um 14.32.23
Bildschirmfoto 2025-07-04 um 14.32.231100×832 44.7 KB

IMG_0005
IMG_00051179×2556 140 KB

2

Hi Monika,
Thanks so much for your report!

  1. Overflow: It’s probably due to the default margin left which shifts everything to the right. Set the margin to 0 and use gap instead.

image
image1551×2100 222 KB

image
image640×1342 41.1 KB

  1. Line height: Where did you set it? Content » Top Level » Typography?

Best regards,
timmse

3

Thank you!
I changed it, but still it looks different on mobile and tablet.
In bricks these are my settings:

Bildschirmfoto 2025-07-04 um 16.00.33
Bildschirmfoto 2025-07-04 um 16.00.332810×1332 304 KB

but in Iphone it looks like this:

iphone
iphone1179×2556 139 KB

4

Where did you set the line height?

As far as I can see, the iPhone’s viewport is significantly narrower than that of the builder. Accordingly, it looks fundamentally different.

However, upon re-examining the styles, the margin-left is still present. In other words, I don’t see any difference from before, so I’m not sure what you have changed in which place.