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
Post a Comment