Show Sliding Panels on Full Screen on iPhone

Showing the Sliding Panels on full screen size on iPhone

Answer

How to display Sliding Panels on full screen size of iPhone?

Answer

Please add the following lines in the <head></head> tag of your page source code:

<meta name="viewport" content="width=device-width,maximum-scale=1.0" />

<style type="text/css">

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.dmxSlidingPanels {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

</style>

Also set width and height of the Sliding Panels to 100%

Comments

Be the first to write a comment

You must me logged in to write a comment.