javascript - jquery .hide() function - Hide mobile, Display Desktop -


i'll try best set scenario can understand question.

my site taking advantage of css media queries span between screen resolutions. have main drilldown menu can not hidden on page load, otherwise menu not correctly calculate it's height, , not display properly.

as way still able hide menu when needed, have found workaround hides menu, yet still allows menu correctly calculate it's height on page load.

$(document).ready(function () {     $(".hide-menu").hide();     var $drilldown = $("#drilldown"); }); 

this great pages not require main menu displayed on both mobile , desktop resolutions. however, product pages solution not work. need menu hide on load mobile resolutions, display on load desktop resolutions. can think of solution work? i'm stumped. here html:

<div class="drill-down-wrapper hide-menu hide-on-load hide-pd-page">     <div id="drilldown-breadcrumbs" class="breadcrumbs skin-colorful"></div>     <div id="drilldown" class="skin-colorful">         <!-- #include virtual="menu.txt" -->     </div> </div> 

use media queries hide , show menus based on screen resolutions.


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -