Insufficient menu clearance on iOS

Hi all,

I’m having serious problems implementing a top margin for my app on iOS—the top bar and side menu are always crowded by the native menu rendering the top menu item extremely hard to tap.

Based on what I could find around the internet, I tried to create the necessary icons with this style:

margin-top: var(--ion-safe-area-top);margin-top: env(safe-area-inset-top);margin-top: constant(safe-area-inset-top)

But that didn’t work. I’d like to see if the problem is the variables not having the expected values in an iOS environment, but I cannot debug iOS because of Cannot debug app in iOS .

Anyone have any advice for me?