-
I moved the menu to the top of the page, but my subcategories continue to drop up when I hover over them. Is there any way to get them to drop down instead?
I know it’s somewhere in the coding on the stylesheet at the bottom, i can’t figure out where exactly. I think it may be in the bolded area, I’ve been messing with it for the past 3 days and quite aggravated now. Grr!
nav {
width:940px;
height:24px;
margin:0 auto;
margin-bottom:50px;
font-size:24px;
line-height:24px;
}.nav ul {
position: relative;
z-index:597;
float:left;
top:auto !important;
bottom:100%;
list-style:none;
margin:20px 0;
}.nav ul li {
float:left;
height:34px;
margin:0;
margin-right:36px;
vertical-align:middle;
}.nav ul li.hover,
.nav ul li:hover {
position:relative;
z-index:599;
cursor:default;
}.nav ul ul {
visibility:hidden;
position:absolute;
top:100%;
left:-10px;
z-index:598;
min-width:150px;
margin-bottom:5px;
background:#FFF;
border-top:#CCC 1px dotted;
font-size:18px;
}[b].nav ul ul li {
float:none;
min-height:34px;
height:20 !important;
margin:0;
padding:0 10px;
border-bottom:#CCC 1px dotted;[/b]
}.nav ul ul ul {
bottom:10px;
left:99%;
}.nav ul ul ul {
}.nav ul li:hover > ul {
visibility:visible;
}.nav ul li a {
display:inline-block;
padding:5px 0;
color:#252525;
text-decoration:none;
}I did it!
Its in here:
.nav ul {
position: relative;
z-index:599;
float:left;
top:100%
bottom:auto !important;
list-style:none;
margin:20px 0;Here, use this code instead – the menu drops down better – it was screwy before because I was messing with the numbers, this should work perfectly to drop down from the header now!:
.nav ul {
position: relative;
z-index:589;
float:left;
top:100%
bottom:auto !important;
list-style:none;
margin:20px 0;
}.nav ul li {
float:left;
height:10px;
margin:0;
margin-right:36px;
vertical-align:middle;
}hi, i copied this code into my style.css and it does make the sub-menu display downwards but when i try to move my cursor down to select one of the sub menu options, the menu disappears. is it something else i\’ve done?
copy this one: [code]
<nav id=”access” role=”navigation”>
<?php wp_nav_menu( array( ‘theme_location’ => ‘primary_nav’, ‘container_id’ => ‘primary-nav’, ‘container_class’ => ‘nav’, ‘fallback_cb’ => ‘minimatica_nav_menu’ ) ); ?>
</nav><!– #access –>
[/code]where ever you want your Drop(up or down) menu in the .php datas, e.g. I edited the content.php, the category.php end so on… make sure your code is at the right place! It worked fine for me so just try it (with backup file!)
cheers,
HEATBetter late then never! A reminder from the past. 🙂
Thanks a lot jeh007 for drop-DOWN menu. I’m not a specialist, just decided to make a website in WP using Minimatica theme. Studying it from scratch.
To HEAT: I had the same problem like Mark had. But as far as the menu came down, I started to play with margin in
.nav ul {
position: relative;
z-index:597;
float:right;
top:100%;
bottom:auto !important;
list-style:none;
margin:5px 0;
}and after I changed it from 20 to 5 the menu took the necessary position and sub-menu worked perfectly.
By the way I moved the menu to the right. I find it better for me. – float:right – .Thanks a lot to everyone.
You must be logged in to reply to this topic.