http://www.kriesi.at/support/topic/place-the-logo-above-the-main-menu Support Forum - Topic: Place the logo above the main menu en-US Sat, 25 May 2013 06:06:22 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/place-the-logo-above-the-main-menu#post-85766 Thu, 29 Nov 2012 00:16:46 +0000 Devin 85766@http://www.kriesi.at/support/ <p>Looking at the way you have it now seems to do the trick though its a bit heavy handed (re-using the same div id).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/place-the-logo-above-the-main-menu#post-85561 Tue, 27 Nov 2012 13:39:09 +0000 StockholmJohanna 85561@http://www.kriesi.at/support/ <p>Is it possible to push down the menu in the CSS? </p> <p>/************************************************************************<br /> -) HEAD<br /> *************************************************************************/<br /> #wrapper_head{<br /> position: relative;<br /> z-index: 100;<br /> overflow: visible;<br /> }</p> <p>#top .logo, .logo a{<br /> display:block;<br /> height:85px;<br /> width:165px;<br /> position:relative;<br /> left:0px;<br /> top:0px;<br /> border: none;<br /> padding: 0;<br /> margin:0;<br /> }</p> <p>#top .logo a, #top .logo a:hover{<br /> top:0;<br /> left:0;<br /> text-indent:-9999px;<br /> outline:none;<br /> border: none;<br /> }</p> <p>#top #head .logoimg, #top #head .logoimg a, #top #head .logoimg a img{<br /> text-indent:0;<br /> background-image: none;<br /> border:none;<br /> margin:0 0 -20px 0;<br /> }</p> <p>/*navigation*/</p> <p>#top .nav{<br /> height:50px;<br /> line-height:30px;<br /> padding-left:13px;<br /> right:0px;<br /> position:absolute;<br /> z-index:100;<br /> top:29px;<br /> }</p> <p>.nav, .nav ul{<br /> margin:0;<br /> padding:0;<br /> list-style-type:none;<br /> list-style-position:outside;<br /> position:relative;<br /> line-height:50px;<br /> z-index:5;<br /> }</p> <p>#top .nav a{<br /> display:block;<br /> float:left;<br /> line-height:18px;<br /> outline:medium none;<br /> padding:2px 10px;<br /> text-decoration:none;<br /> width:95px;<br /> min-height: 35px;<br /> }</p> <p>.nav li a strong {<br /> display:block;<br /> font-size:14px;<br /> font-weight:normal;<br /> }</p> <p>.nav li a span {<br /> display:block;<br /> font-size:10px;<br /> line-height:14px;<br /> }</p> <p>#top .nav li{<br /> float:left;<br /> position:relative;<br /> z-index:20;<br /> }</p> <p>#top .nav li:first-child a{<br /> border:none;<br /> }</p> <p>#top .nav ul {<br /> display:none;<br /> left:0;<br /> position:absolute;<br /> top:20px;<br /> width:192px;<br /> padding-top:30px;</p> <p>}</p> <p>#top .nav li ul a{<br /> width:148px;<br /> height:auto;<br /> float:left;<br /> text-align:left;<br /> line-height:24px;<br /> padding:4px 21px;<br /> font-size: 12px;<br /> min-height: 24px;<br /> }</p> <p>#top .nav ul ul{<br /> top:auto;<br /> padding-top: 0px !important;<br /> } </p> <p>#top .nav li ul ul {<br /> left:191px;<br /> top:0px;<br /> }</p> <p>#top .nav li:hover ul ul, #top .nav li:hover ul ul ul,#top .nav li:hover ul ul ul ul{<br /> display:none;<br /> }<br /> #top .nav li:hover ul, #top .nav li li:hover ul, #top .nav li li li:hover ul, #top .nav li li li li:hover ul{<br /> display:block;<br /> } </p> http://www.kriesi.at/support/topic/place-the-logo-above-the-main-menu#post-85434 Mon, 26 Nov 2012 20:07:39 +0000 Devin 85434@http://www.kriesi.at/support/ <p>Hi Johanna,</p> <p>Unfortunately I don't see a way of doing that without significantly re-doing the way the whole header is structured. It isn't built in a way that easily allows for the logo to just be pushed up and navigation down without a lot of other adjustment.</p> <p>I'd recommend looking into a freelance developer if its necessity so that it can be properly coded and adjusted to fit the customization.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/place-the-logo-above-the-main-menu#post-85362 Mon, 26 Nov 2012 11:49:11 +0000 StockholmJohanna 85362@http://www.kriesi.at/support/ <p>Hello I would like to place the logo above the main menu, see: <a href="http://www.tandis.mitos.se" rel="nofollow">http://www.tandis.mitos.se</a><br /> As you see the Logo is quite large.<br /> How do I do that?<br /> Thank you,<br /> Johanna </p>