http://www.kriesi.at/support/topic/float-logo-over-navigational-menu Support Forum - Topic: Float Logo Over Navigational Menu? en-US Thu, 23 May 2013 20:15:49 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45465 Fri, 09 Mar 2012 19:25:42 +0000 SkyMax 45465@http://www.kriesi.at/support/ <p>That's what I was afraid of, but figured I'd ask the experts before giving up!<br /> Thanks so much for getting back to me on this - I greatly appreciate the support! </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45463 Fri, 09 Mar 2012 19:15:20 +0000 Kriesi 45463@http://www.kriesi.at/support/ <p>Hey! Now I understand. the problem here is that this is basically impossible with the current way the theme is coded, since one would not only need to set a high z index for the logo but also for the container that holds the logo. that would result in the menu being completely hidden by the logo container and rendered unclickable </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45462 Fri, 09 Mar 2012 19:05:20 +0000 SkyMax 45462@http://www.kriesi.at/support/ <p>Thank you for quick response, however it's still not OVER the navigation menu. Here's the code I entered into custom CSS:</p> <p>#top #header .logo{<br /> position: absolute;<br /> left: 50%;<br /> margin-left: -111px;<br /> margin-top: 50px;<br /> }</p> <p>The logo still falls BEHIND the navigation menu bar, but I actually want it to float ABOVE the menu bar as presented in the image link above. Basically, I want the logo to cover and obscure the menu links. I'm assuming this has something to do with a z-index value?</p> <p>Thanks for any insight on this! </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45392 Fri, 09 Mar 2012 16:15:18 +0000 Kriesi 45392@http://www.kriesi.at/support/ <p>add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at abundacne-&gt;styling:</p> <pre> #top #header .logo{ position: absolute; left: 50%; margin-left: -111px; } </pre> <p>the negative margin should be exactly the half of the logo image width to center it</p> <p>hope this helps ;)</p> <p>Cheers </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45354 Fri, 09 Mar 2012 13:41:30 +0000 SkyMax 45354@http://www.kriesi.at/support/ <p>Hi Chris, thanks for getting back!</p> <p>I'm using the STRETCHED layout, and trying to position a logo over the main navigation on the home page and all internal pages. I've attached a photo here to show what I'm trying to do ---&gt; <a href="http://www.diaperdesserts.com/example.jpg" rel="nofollow">http://www.diaperdesserts.com/example.jpg</a></p> <p>Any idea how to achieve this?<br /> Thanks for your help! </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45258 Thu, 08 Mar 2012 22:05:57 +0000 Chris Beard 45258@http://www.kriesi.at/support/ <p>Hi! </p> <p> could you provide a link to your site? This way we get a better understanding on what you'd like to do. </p> <p> Regards,<br /> Chris </p> http://www.kriesi.at/support/topic/float-logo-over-navigational-menu#post-45075 Thu, 08 Mar 2012 04:55:06 +0000 SkyMax 45075@http://www.kriesi.at/support/ <p>Hi there, excellent theme here, however I'm having some difficulty positioning a logo over the main navigation, as it seems both are in separate divs in the header.</p> <p>I'm trying to center-justify a large logo and position it partly over the main navigation.<br /> I've tried giving elements a z-index with no luck.<br /> Can anyone help me with this? </p>