How to get the sub categories menu to drop down instead of up

Viewing 11 posts - 1 through 11 (of 11 total)
  • #2713
    EllieK
    Participant

    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?

    #2714
    wzhotdog
    Participant

    Same Problem about Drop down instead!

    #2715
    jeh007
    Participant

    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;
    }

    #2716
    jeh007
    Participant

    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;

    #2717
    jeh007
    Participant

    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;
    }

    #2718
    wzhotdog
    Participant

    thanks !

    #2719
    EllieK
    Participant

    That works. Thanks!

    #2720
    duhistoka
    Participant

    Can somebody tell me how to move menu to the top of the page? πŸ™
    TY

    #2721
    MarkBradford
    Participant

    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?

    #2722
    HEAT
    Participant

    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,
    HEAT

    #18741
    Geheim
    Participant

    Better 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.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.