http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon Support Forum - Topic: mobile menu views a few pixels too soon en-US Fri, 24 May 2013 06:38:53 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-96667 Thu, 14 Feb 2013 06:45:20 +0000 Ismael 96667@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can adjust switchWidth, edit js&gt;avia,js file then find the code</p> <pre><code>// improves menu for mobile devices jQuery(&#39;.responsive .main_menu ul:eq(0)&#39;).mobileMenu({ switchWidth: 768, //width (in px to switch at) topOptionText: jQuery(&#39;.main_menu&#39;).data(&#39;selectname&#39;), //first option text indentString: &#39;&amp;nbsp;&amp;nbsp;&amp;nbsp;&#39; //string for indenting nested items });</code></pre> <p>Adjust the value of switchWidth. Right now the mobile menu will appear on 768px.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-96635 Thu, 14 Feb 2013 00:12:56 +0000 nikicampbell 96635@http://www.kriesi.at/support/ <p>yes - here are the details:</p> <p>Mac OS 10.8.2<br /> Browser: firefox: 18.0.2</p> <p>Thanks - I absolutely love the theme :) </p> http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-95501 Wed, 06 Feb 2013 18:01:54 +0000 Devin 95501@http://www.kriesi.at/support/ <p>I'm not getting the same behavior when I view your site and it really shouldn't be happening at all. The grid is designed to wrap both at the same time and in fact is already set to do so. </p> <p>If it is not happening in a browser/OS combination I'd like to address it as a bug fix so it doesn't happen for anyone.</p> <p>From your screenshot, which browser and OS is it with? Can you also tell me the version?</p> <p>Right now the function is in the js&gt;avia,js file:<br /> <pre><code>// improves menu for mobile devices jQuery(&#39;.responsive .main_menu ul:eq(0)&#39;).mobileMenu({ switchWidth: 768, //width (in px to switch at) topOptionText: jQuery(&#39;.main_menu&#39;).data(&#39;selectname&#39;), //first option text indentString: &#39;&amp;nbsp;&amp;nbsp;&amp;nbsp;&#39; //string for indenting nested items });</code></pre> http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-95497 Wed, 06 Feb 2013 17:40:46 +0000 nikicampbell 95497@http://www.kriesi.at/support/ <p>Thanks - So the detail that I would like to change is: </p> <p>when I narrow my browser window - the navigation goes mobile for a few pixels before the window wrap_all shrinks. Can I change the pixel width - where the nav turns mobile - to respond just a few pixels narrower?</p> <p>here is what happens:<br /> <a href="http://www.peacerev.ca/nikitemp/graphic.png" rel="nofollow">http://www.peacerev.ca/nikitemp/graphic.png</a></p> <p>here is the functional site:<br /> <a href="http://www.peacerev.ca/cardshop/" rel="nofollow">http://www.peacerev.ca/cardshop/</a></p> <p>Cheers! </p> http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-95438 Wed, 06 Feb 2013 12:58:01 +0000 Devin 95438@http://www.kriesi.at/support/ <p>Hi nikicampbell ,</p> <p>The cut off for mobile queries is 767px. So when making a site responsive the content adjustments for mobile is when the browser window hits 767px wide.</p> <p>So what you want to happen is already set to happen. You can see it in the grid.css file starting at line 201. The container shifts to 478 once the window has a max width of 767 (but is above 480px).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/mobile-menu-views-a-few-pixels-too-soon#post-95343 Tue, 05 Feb 2013 19:10:29 +0000 nikicampbell 95343@http://www.kriesi.at/support/ <p>I'm wondering where I can changed responsive code for the mobile navigation. When I make my browser narrow - the mobile menu appears too soon (at approximately 767px) </p> <p>I would rather it appear at the same moment that the wrap_all shifts from 774px to 478px</p> <p>thanks :) </p>