屏幕分辨率为2436 x 1125时的响应错误（横向模式）

Question

这是我网站在different devices and resolutions上的响应版本，请注意横向模式下的菜单图标。

我在iPhone X横向模式下拥有this problem with Menu icon。

我使用此代码，并且可与其他任何设备和分辨率（横向）一起使用：

@media screen and (max-width: 710px) {
    .mobile-mini-widgets {
       display: none!important;
    }
}

但是它不适用于iPhoneX。 我什至在iphone X上尝试了这段代码，但也无法正常工作：

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 
812px) and (-webkit-device-pixel-ratio: 3) {
    .mobile-mini-widgets {
        display: none!important;
    }
}

能否请您帮助解决此问题？