The full-screen feature allows users to view an app in full-screen mode, enhancing the viewing experience on both desktop computers and mobile devices. This feature is enabled by default but can be disabled from the App Manager’s app info menu.
Compatibility issues #
In some cases, full-screen mode does not work out-of-the-box. For example, menu bars usually have a higher stack order than content containers. You can resolve this issue by manually increasing the stack order of the content container. WP Data Access adds a custom class to the body when an app is in full-screen mode. You can use this body class to temporarily increase the stack order of the content container holding your app. Alternatively, you can disable full-screen mode for your app.
Fixing compatibility issues with Divi #
Use the following CSS code to fix compatibility issues with Divi:
body.pp-fullscreen .et_builder_inner_content {
z-index: 999999 !important;
}Where to enter the CSS code #
- Enable Divi Visual Builder.
- Open the section settings of the container holding your app.
- Navigate to the Advanced menu.
- Open the Custom CSS section.
- Enter the provided CSS code.
Fixing compatibility issues with Elementor #
Add the following custom CSS code to your WordPress theme to fix compatibility issues with Elementor:
body.pp-fullscreen div#et-main-area {
z-index: 999999;
position: absolute;
}Issues with other themes? #
If you encounter issues with other themes, please let us know so we can provide a solution.
