Show Sliding Menu on Full Screen on iPhone

Showing the Sliding Menu on full screen size on iPhone

Question

How to display Sliding Menu 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;
}

.dmxSlidingMenu {
    -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 Menu to 100%

Comments

Be the first to write a comment

You must me logged in to write a comment.