css - Javascript and Media Queries show hide hidden divs -
css - Javascript and Media Queries show hide hidden divs -
does 1 know how utilize javascript media query?
i wanting left column menu hidden in mobile view using bootstap 3 hidden-xs want able click menu button overlays left column on main content area - x close menu. using
function showfunction() { document.getelementbyid("left-col").style.visibility="visible"; } function hidefunction() { document.getelementbyid("left-col").style.visibility="hidden"; }
when testing in broswer works ok 1 time have clicked cross close menu if resize screen desktop or above break point of media query left-col remains hidden.
is there anyway around this? or waste of time trying , benefit of work on mobile rather users on desktops resizing browsers.
update --
in desktop view have 3 columns left main right header , footer.
in mobile stacking right colum under main hiding left column on default
by clicking menu icon displaying left navigation on main content, , click cross on left col hide it.
but 1 time close left-col when resize desktop - left col stays visible , want forced back.
thanks
any help great.
thanks
javascript css twitter-bootstrap responsive-design media-queries
Comments
Post a Comment