http://www.kriesi.at/support/topic/how-to-hide-footer-widgets-on-mobile-phones Support Forum - Topic: How to hide footer widgets on mobile phones? en-US Mon, 20 May 2013 00:33:33 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-hide-footer-widgets-on-mobile-phones#post-43991 Wed, 29 Feb 2012 07:51:26 +0000 Dude 43991@http://www.kriesi.at/support/ <p>Hey,<br /> Angular adds a class to the body, which indicates the browser. Eg. for Iphones you can use following code to hide the footer area:<br /> <pre><code>.safari #footer{ display: none; }</code></pre> <p>I've not found a class which indicates mobile browsers but you can try to identify mobile browsers with following code.<br /> <pre><code>if (jQuery(window).width() &lt; 768){ jQuery(&#39;body&#39;).addClass(&quot;mobile&quot;); }</code></pre> <p>I'd add the code to js/avia.js after following line:</p> <pre><code>jQuery(document).ready(function(){</code></pre> <p>Afterwards you should be able to use eg:</p> <pre><code>.mobile #footer{ display: none; }</code></pre> <p>to hide the footer for all devices with small screen resolutions. </p> http://www.kriesi.at/support/topic/how-to-hide-footer-widgets-on-mobile-phones#post-43932 Tue, 28 Feb 2012 21:44:05 +0000 woodwinked 43932@http://www.kriesi.at/support/ <p>How do I hide certain sections when the site is viewed on a mobile phone?</p> <p>Is there a tag I can wrap sections to do this hiding? </p> <p>Specifically:<br /> - I want to hide footer widgets<br /> - And certain sidebar widgets </p>