css - Using a jquery added class to move a mobile menu onscreen -


i have mobile menu slides left off screen right. works using below code. however, when it's off screen, can scroll mobile view on right , see off screen rather not shown @ all, , mobile screen width staying put. how fix issue?

.mobile-menu { width:200px; border:1px solid #eee; background-color:#f2f2f2; height:285px; position:absolute; top:35px; right:-200px; z-index:99999; display:none;  -webkit-transition: right 0.1s ease-out;  /* chrome 1-25, safari 3.2+ */  -moz-transition: right 0.1s ease-out;  /* firefox 4-15 */    -o-transition: right 0.1s ease-out;  /* opera 10.50–12.00 */       transition: right 0.1s ease-out;  /* chrome 26, firefox 16+, ie 10+, opera 12.10+ */ } .mobile-on-screen { right:0 !important; display:block; } 

i can't see full code, however, guess missing overflow: hidden; on parent div, or body.


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -