iPhone X and JQM 1.4

[nhinze]

This article is quite helpful to help fix the iPhone X issues with JQM 1.4 and WebViews.

http://ayogo.com/blog/ios11-viewport/

However, I can't figure out the CSS needed to move the top left menu button and to adjust for the left panel menu.

[dems54]

Hello @nhinze,

Why did you close this issue ? Do you have a solution ?

[nhinze]

I fixed it this way:

/* iPhone X fix */
.ui-header-fixed, .ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right, .panelmenu .ui-panel-inner .ui-listview {
    /* Status bar height on iOS 10 */
    padding-top: 20px !important;

    /* Status bar height on iOS 11.0 */
    padding-top: constant(safe-area-inset-top) !important;

    /* Status bar height on iOS 11+ */
    padding-top: env(safe-area-inset-top) !important;
}

[X901]

@nhinze Thank you it fixed my issue