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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -