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:
as can see on left, fine , nothing wrong.
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
Post a Comment