http://www.kriesi.at/support/topic/first-drop-down-doesnt-work Support Forum - Topic: first drop down doesn't work! en-US Thu, 20 Jun 2013 08:01:34 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21588 Mon, 27 Jun 2011 05:11:16 +0000 Dude 21588@http://www.kriesi.at/support/ <p>Glad that it works now :) </p> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21573 Sun, 26 Jun 2011 16:40:53 +0000 c_srishti 21573@http://www.kriesi.at/support/ <p>thanks Dude!!!!<br /> I changed the positioing of the logo and changed the z-index of nav_wrapper back to 6. It looks much better now.<br /> #top .logo, #top .logo a{<br /> display:block;<br /> height:137px;<br /> width:485px;<br /> position:absolute;<br /> left:122px;<br /> top:16px;<br /> border: none;<br /> padding: 0;<br /> margin:0;<br /> z-index: 10;<br /> }</p> <p>I see text icon on both sides of the logo but the logo is clickable now and the search box is functional!<br /> :) so it's good enough for now~~ :) </p> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21563 Sun, 26 Jun 2011 07:45:57 +0000 Dude 21563@http://www.kriesi.at/support/ <p>The only chance to sole the cursor issue is to move the menu downwards (or you can decrease the logo size). The reason is that the menu overlaps the logo which causes the cursor to change. You can change following code in style.css to push the menu downwards - cange the padding top value:<br /> <pre><code>.nav_wrapper{ font-family: Arial, Helevtica, Verdana, san-serif; position: relative; height:36px; padding-top:196px;/*280px;*/ z-index: 20; }</code></pre> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21554 Sat, 25 Jun 2011 18:46:19 +0000 c_srishti 21554@http://www.kriesi.at/support/ <p>Hey Dude,<br /> Changing hte z-index worked so the menus were showing up great, but I noticed that:<br /> -&gt; the cursor in the rest of the header area has just become a text cursor. The search box has the Default cursor. </p> <p>-&gt; The "logo", the "search box", "social media icons" are all unclickable. Can't even type in the search box.</p> <p>I have not changed any css for z-index or cursors except the one you told me to change above for nav_wrapper.</p> <p>Please help!<br /> Thanks<br /> Srishti </p> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21516 Fri, 24 Jun 2011 16:59:16 +0000 Dude 21516@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21513 Fri, 24 Jun 2011 15:59:25 +0000 c_srishti 21513@http://www.kriesi.at/support/ <p>Worked beautifully! Thanks!!!! :D </p> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21504 Fri, 24 Jun 2011 11:19:54 +0000 Dude 21504@http://www.kriesi.at/support/ <p>Hey,<br /> in style.css search for following code:<br /> <pre><code>.nav_wrapper{ position: relative; height:36px; padding-top:196px;/*280px;*/ z-index: 6; }</code></pre> <p>and change it to:<br /> <pre><code>.nav_wrapper{ position: relative; height:36px; padding-top:196px;/*280px;*/ z-index: 20; }</code></pre> http://www.kriesi.at/support/topic/first-drop-down-doesnt-work#post-21455 Thu, 23 Jun 2011 18:33:54 +0000 c_srishti 21455@http://www.kriesi.at/support/ <p>Hi,<br /> <a href="http://soulmatestars.com" rel="nofollow">http://soulmatestars.com</a></p> <p>The first drop down is not working properly!</p> <p>In IE, I have to be very clear and precise to get to the drop down, otheriwse it pulls up the drop down for the Second menu right below it.<br /> In Firefox, the first drop-down doesn't pull down at all!!!!</p> <p>Here is the code form Style.css:</p> <p>/*navigation pages*/<br /> .nav_wrapper{<br /> position: relative;<br /> height:36px;<br /> padding-top:196px;/*280px;*/<br /> z-index: 6;<br /> }</p> <p>#top .nav{<br /> position: relative;<br /> height:36px;<br /> list-style-type: none;<br /> list-style-position: outside;<br /> margin:0;<br /> z-index: 6;<br /> font-size: 12px;<br /> float: left;<br /> }</p> <p>.nav li a{<br /> display:block;<br /> float:left;<br /> padding:6px 25px 6px 3px;<br /> width:auto;<br /> border: none;<br /> text-decoration: none;<br /> line-height: 24px;<br /> outline: none;<br /> }</p> <p>.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 ul a{<br /> line-height:20px;<br /> font-size: 12px;<br /> cursor: pointer;<br /> }</p> <p>#top .nav li{<br /> float:left;<br /> position:relative;<br /> z-index:20;<br /> }</p> <p>#top .nav li li{<br /> border-left:none;<br /> margin-top:0;<br /> }</p> <p>#top .nav ul {<br /> display:none;<br /> position:absolute;<br /> top:36px;<br /> width:172px;<br /> left:-9px;<br /> }</p> <p>#top .nav li ul a{<br /> width:150px;<br /> height:auto;<br /> float:left;<br /> text-align:left;<br /> padding:4px 10px;<br /> }</p> <p>#top .nav ul ul{<br /> top:auto;<br /> border-top:none;<br /> } </p> <p>#top .nav li ul ul {<br /> left:171px;<br /> top:-1px;<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> <p>#top .nav li ul a{<br /> border-top:none;<br /> }</p> <p>/*navigation categories*/<br /> .catnav{<br /> position: relative;<br /> list-style-type: none;<br /> list-style-position: outside;<br /> margin:0;<br /> width:956px;<br /> float: left;<br /> z-index: 4;<br /> }</p> <p>.catnav_wrapper{<br /> position: relative;</p> <p>width:958px;<br /> float: left;<br /> line-height:50px;<br /> z-index: 4;<br /> }</p> <p>.catnav li a{<br /> display:block;<br /> float:left;<br /> padding:13px 10px 20px 10px;<br /> /*width:114px;*/<br /> border: none;<br /> text-decoration: none;<br /> line-height: 17px;<br /> outline: none;<br /> min-height:30px;<br /> }</p> <p>.catnav li a strong{<br /> display:block;<br /> font-weight: bold;<br /> font-size: 14px;<br /> }</p> <p>.catnav li li a strong {<br /> display:inline;<br /> font-size:12px;<br /> font-weight:normal;<br /> }</p> <p>.catnav li a span{<br /> display:block;<br /> font-size: 10px;</p> <p>}</p> <p>.catnav ul{<br /> margin:0;<br /> padding:0;<br /> list-style-type:none;<br /> list-style-position:outside;<br /> position:relative;<br /> z-index:5;<br /> }</p> <p>#top .catnav ul a{<br /> line-height:29px;<br /> font-size: 12px;<br /> cursor: pointer;<br /> }</p> <p>#top .catnav li{<br /> float:left;<br /> position:relative;<br /> z-index:20;<br /> margin-top:0;<br /> }</p> <p>#top .catnav li li{<br /> border-right:none;<br /> margin-top:0;<br /> }</p> <p>#top .catnav ul {<br /> display:none;<br /> position:absolute;<br /> top:47px;/*changed the positioning of the drop down*/<br /> width:325px;<br /> left:-2px;<br /> }</p> <p>#top .catnav li ul a{<br /> width:300px;<br /> height:auto;<br /> float:left;<br /> text-align:left;<br /> padding:0 10px;<br /> }</p> <p>#top .catnav ul ul{<br /> top:auto;<br /> border-top:none;<br /> } </p> <p>#top .catnav li ul ul {<br /> left:171px;<br /> top:-1px;<br /> }</p> <p>#top .catnav li:hover ul ul, #top .catnav li:hover ul ul ul,#top .catnav li:hover ul ul ul ul{<br /> display:none;<br /> }<br /> #top .catnav li:hover ul, #top .catnav li li:hover ul, #top .catnav li li li:hover ul, #top .catnav li li li li:hover ul{<br /> display:block;<br /> }</p> <p>#top .catnav li ul a{<br /> border-top:none;<br /> }</p> <p>#top .catnav .noborder, #top .catnav .noborder a{<br /> border:none;<br /> }</p> <p>Please help!<br /> Thanks<br /> Srishti </p>