http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap Support Forum - Topic: Responsive Navigation - Regular Menu to Mobile Menu Gap en-US Sun, 19 May 2013 03:20:52 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-71471 Thu, 16 Aug 2012 23:32:02 +0000 Ismael 71471@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try to use Media Queries. Put this on your custom.css</p> <p>/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */<br /> @media only screen and (max-width: 479px) { </p> <p> .main_menu ul:first-child &gt; li &gt; a {<br /> font-size: .9em;<br /> }</p> <p> }</p> <p>Instead of 12px try using em sizes, in this case .9em. Try to adjust the size until the problem is fix.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-71452 Thu, 16 Aug 2012 20:40:50 +0000 tomitos 71452@http://www.kriesi.at/support/ <p>Hi Peter,</p> <p>the trick does not work ok. When resizing, menu would still break in two rows, It just push first row higher up.</p> <p>I just found WP theme with great working resizing menu function. Please try to resize your browser and you will see changing font size.<br /> <a href="http://www.momizat.net/theme/goodnews3/" rel="nofollow">http://www.momizat.net/theme/goodnews3/</a></p> <p>This is what I'm looking for. Would be great if there was a simple tricj to do that. </p> <p>Thanks.<br /> Tomaz </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-71137 Wed, 15 Aug 2012 07:04:27 +0000 Dude 71137@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try to add following code to css/custom.css:<br /> <pre><code>.main_menu{ height: auto !important; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-70944 Tue, 14 Aug 2012 10:22:57 +0000 tomitos 70944@http://www.kriesi.at/support/ <p>Also:</p> <p>"RSS feed for this topic" does not work. At least for me.</p> <p>Tomaz </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-70942 Tue, 14 Aug 2012 10:06:10 +0000 tomitos 70942@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm facing with the same problem.<br /> On my Andriod (4) tablet, last item in my memu falls down to second row (to slider). The same problem shows when I resize my browser.<br /> Problem occurs when slider is resized to Mobile Portrait size, where site is still wery well visible so there is no need to activate mobile menu.</p> <p>Solution could be, if there is any easy way resize font for menu itmes only for the screen sizes between 480 and 767 px.</p> <p>I hope you could give us any advice how to do that.<br /> Website: <a href="http://www.rebit.si/smokva/" rel="nofollow">http://www.rebit.si/smokva/</a></p> <p>Thanks.<br /> Tomaz. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-66293 Wed, 18 Jul 2012 06:34:09 +0000 Dude 66293@http://www.kriesi.at/support/ <p>Hi! </p> <p> I hope it worked out? </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65854 Mon, 16 Jul 2012 13:50:46 +0000 kristinaabbott 65854@http://www.kriesi.at/support/ <p>Sorry, did not realize there was a reply (is there a "notify me when someone replies to this thread" option I'm missing?).</p> <p>I will try this and appreciate your follow up.</p> <p>Best Regards,<br /> Kristina. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65465 Fri, 13 Jul 2012 17:42:00 +0000 Dude 65465@http://www.kriesi.at/support/ <p>Try to add following code to css/custom.css:<br /> <pre><code>.main_menu{ height: auto; }</code></pre> <p>If this doesn't solve the issue try:</p> <pre><code>.main_menu{ height: auto !important; }</code></pre> <p>or use a fixed value like:</p> <pre><code>.main_menu{ height: 50px; }</code></pre> <p>(atm the value is set to 15px). </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65434 Fri, 13 Jul 2012 14:22:45 +0000 kristinaabbott 65434@http://www.kriesi.at/support/ <p>Yes, thank you - I had located that info whilst attempting to solve the issue myself. However, this doesn't address the original problem I wrote of (which is not a mobile navigation issue). Again, on a 15" macbook, the last menu item of my site, "contact us", is dropped to an almost-invisible second row. This also occurs in Internet Explorer (regardless of screen size). This also occurs in some tablets. My understanding was you confirmed this problem as well.</p> <p>As this client site is "live" <a href="http://www.realestatehelpinghand.org/" rel="nofollow">http://www.realestatehelpinghand.org/</a> , I would appreciate a resolution as quickly as possible. I'm sure it's something minor that Kriesi could identify immediately if he could simply look at it himself.</p> <p>Thank you,<br /> Kristina. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65412 Fri, 13 Jul 2012 11:24:28 +0000 Dude 65412@http://www.kriesi.at/support/ <p>Please try following - open up js/avia.js and search for following code line:<br /> <pre><code>switchWidth: 868, //width (in px to switch at)</code></pre> <p>Try to increase the value now (eg set it to 900). This forces the mobile menu function to ignore the menu if it still fits the screen size. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65009 Wed, 11 Jul 2012 13:57:36 +0000 kristinaabbott 65009@http://www.kriesi.at/support/ <p>And... just realized it does the same thing in IE9, even on my 1920x1080 resolution. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-65007 Wed, 11 Jul 2012 13:50:43 +0000 kristinaabbott 65007@http://www.kriesi.at/support/ <p>Hello,</p> <p>I did see this regarding calling the mobile theme earlier, <a href="http://www.kriesi.at/support/topic/calling-the-select-main-menu-for-mobiles-to-appear-for-ipad" rel="nofollow">http://www.kriesi.at/support/topic/calling-the-select-main-menu-for-mobiles-to-appear-for-ipad</a> but it still doesn't address cutting off the last navigation item on a 15" macbook screen.</p> <p>Thank you,<br /> Kristina. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-64594 Mon, 09 Jul 2012 20:56:25 +0000 kristinaabbott 64594@http://www.kriesi.at/support/ <p>Thank you, Devin.</p> <p>I appreciate you checking.</p> <p>Best,<br /> Kristina. </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-64559 Mon, 09 Jul 2012 19:03:51 +0000 Devin 64559@http://www.kriesi.at/support/ <p>Hi Kristina,</p> <p>I'm not quite sure what is causing it to behave that way but I'm getting the same result. I've tagged the topic for Kriesi however so that he can take a look.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/responsive-navigation-regular-menu-to-mobile-menu-gap#post-64556 Mon, 09 Jul 2012 18:50:32 +0000 kristinaabbott 64556@http://www.kriesi.at/support/ <p>Hi, </p> <p>This theme is AWESOME! The one fly in the ointment for me is the navigation. When I view my site <a href="http://www.realestatehelpinghand.org/" rel="nofollow">http://www.realestatehelpinghand.org/</a> on a 15" Mac laptop, the last menu item gets bumped to a second (invisible) row. If I shrink the browser window, it will eventually trigger the mobile menu. This happens both in Safari and Chrome (on pc, it's fine).</p> <p>This concerned me so I used the emulator <a href="http://quirktools.com/screenfly/" rel="nofollow">http://quirktools.com/screenfly/</a> and the issue can be replicated looking my site on the tablet resolutions.</p> <p>Is it something in my code causing this or can I make the mobile menu trigger the moment that last menu item "Contact" gets bumped?</p> <p>I use 24" monitors, so didn't realize this was happening until I viewed it on a Mac and don't know if it's happening on smaller monitores (seems to only be tablet and Mac issue).</p> <p>Thank you in advance,<br /> Kristina Abbott </p>