iPhone Notch

This article explains how to add iPhone X notch support to GeneratePress.

add_filter( 'generate_meta_viewport', function() {
	return "<meta name='viewport' content='initial-scale=1, viewport-fit=cover'>";
});
// HEADER
.inside-header {
	padding-left: env( safe-area-inset-left );
	padding-right: env( safe-area-inset-right );
}

// GUTENBERG CONTENT
body.full-width-content:not( .fl-builder ) #content,
// BEAVER BUILDER CONTENT
body.fl-builder.full-width-content .fl-row-content {
	padding-left: env( safe-area-inset-left );
	padding-right: env( safe-area-inset-right );
}