html - Slide out CSS box not responding when shrinking the web browser -


first off, sorry title, weird topic.

secondly, creating website college course , have created slide out section on page. works fine until make web browser smaller. browser full screen:

sn

as can see on left, fine , nothing wrong.

sdinv happens when make browser smaller. please guys me problem, want able stay in same place here code far: http://jsfiddle.net/54vpy/

#slideout_admin { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ccc; border-color: gold gold gold -moz-use-text-color; border-image: none; border-radius: 0 5px 5px 0; border-style: solid solid solid hidden; border-width: 2px 2px 2px medium; left: 0; padding: 12px 0; position: fixed; text-align: center; top: 250px; transition-duration: 0.3s; width: 35px; z-index: 100; } 

thanks in advance!

i'm trying figure out exact location looks styling slideout_inner_admin inside media query. size changing div losing of styling , showing on screen instead of right.

edit: looks media query on line 706

@media screen , (min-width : 790px)...   

if remove menu works, not sure how want specify behavior though.


Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -