http://www.kriesi.at/support/tags/menu-overlaping-logo Support Forum - Tag: menu overlaping logo - Recent Posts en-US Sat, 18 May 2013 19:31:27 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-93094 Wed, 23 Jan 2013 22:25:39 +0000 in3sixty 93094@http://www.kriesi.at/support/ <p>Got it! Actually I set it to 70%, works perfectly! </p> <p>Mahalo,<br /> Danne </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-92941 Wed, 23 Jan 2013 07:16:20 +0000 Dude 92941@http://www.kriesi.at/support/ <p>Hi! </p> <p> You can try followin code:</p> <pre><code>@media only screen and (min-width: 768px) and (max-width: 989px) { .main_menu{ width: 90% !important; } }</code></pre> <p>Maybe you need to adjust the width value - eg set it to 80% </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-92896 Tue, 22 Jan 2013 19:45:17 +0000 in3sixty 92896@http://www.kriesi.at/support/ <p>Unfortunately putting the code into the Quick CSS hasn't made a difference.</p> <p><a href="http://www.infusehairdesign.com/newwp" rel="nofollow">http://www.infusehairdesign.com/newwp</a>, As I mentioned the menu overlaps the logo when iPad is placed vertically. I've taken a screen shot, but don't know how to put it into the post.</p> <p>Thanks,<br /> Danne </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-92113 Thu, 17 Jan 2013 20:06:44 +0000 Devin 92113@http://www.kriesi.at/support/ <p>Hi Danne,</p> <p>You can put into either the Quick CSS or in the themes css folder in the custom.css file.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-91934 Wed, 16 Jan 2013 19:25:33 +0000 in3sixty 91934@http://www.kriesi.at/support/ <p>Hey Devin,</p> <p>I'm having the same issue with the Coherence theme on my iPad2 when placed vertically. The first two buttons in the menu overlap the logo.</p> <p>I believe the code you listed above should solve this issue? However, I am unsure where to paste it. I know that the quick.css is at the bottom of the styling tab, but where do you paste where do i find the custom.css file to paste this code?</p> <p>Thanks,<br /> Danne </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-84610 Mon, 19 Nov 2012 20:46:55 +0000 Devin 84610@http://www.kriesi.at/support/ <p>Hey Seth,</p> <p>I'm not getting any issues when testing in IE or Firefox on your site. What specifically is happening and can you give us OS version and specific Browser versions? A screenshot in each would help as well.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-84477 Sun, 18 Nov 2012 20:38:06 +0000 sethbutler 84477@http://www.kriesi.at/support/ <p>Peter,</p> <p>First off, HUGE thanks for the quick reply! You folks are SO on it =)</p> <p>I was easily able to use the @media query to get the desired results with a couple additional tweaks to the logo image size. Thank you so much for that! </p> <p>Do you think there is another way to solve this with a new DIV combination that would keep it from happening in the first place, say, when someone with a larger screen size re-sizes (shrinks) the size of their browser window?</p> <p>Also, can you suggest any solution for the image buttons below the homepage slideshow? Problems are occurring with the four column image layout them in Firefox, and if you would believe it, newer standards compliant versions of IE but not older ones.</p> <p>Please Advise<br /> Seth </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-84434 Sun, 18 Nov 2012 07:02:46 +0000 Dude 84434@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try to add following code to css/custom.css:</p> <pre><code>@media only screen and (min-width: 768px) and (max-width: 820px) { .logo img { padding-top: 0 !important; } }</code></pre> <p>This code will push the logo towards the top and there's enough space for the menu links.</p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/coherence-responsive-layout-problem-with-both-navigation-column-based-images#post-84427 Sun, 18 Nov 2012 05:20:34 +0000 sethbutler 84427@http://www.kriesi.at/support/ <p>Hello,</p> <p>In cross-testing a site recently I found that the navigation is colliding with the logo and I can figure a workaround via CSS.</p> <p>Here is a link to the Coherence install: <a href="http://www.handhousing.org" rel="nofollow">http://www.handhousing.org</a></p> <p>At around 800 pixels screen resolution, you can see that the "HOME", "ABOUT" &amp; "MEMBERS" navigation links are overlapping the logo.</p> <p>Also, you will notice that the four buttons (in the 4 column layout) below the home page slideshow are not showing with 100% width.</p> <p>Could you please provide guidance on how to fix these two issues? I tried to solve with different div combinations in the header.php file to separate (and clear) the elements but that would not work based on my attempts. I have since reverted to the original header.php file.</p> <p>Otherwise this theme is amazing, but these two problems present a major issue for the site.</p> <p>Thank You So Much!<br /> Seth </p>