WordPress Theme Mobile CSS edit: Remove the notch for iphone and newer android device

Hello,

I am trying to remove the notch for iphone and newer android device with editting the custom CSS options. I tried these links but had no luck:

1) https://stackoverflow.com/questions/53773625/how-to-detect-mobile-notch
2) https://medium.com/@draganeror/iphone-x-layout-features-with-css-environment-variables-d57423433dec

This is how it looks on a display with a notch: https://ibb.co/hR2L74k
This is how it looks on a display WITHOUT a notch: https://ibb.co/k9s3G4b

Everything is perfect when browsed from a normal safari mobile browser but when I run my website on a minimal mobile browser format I need the rule in place.

Thanks