Menu Issues

  • Unknown's avatar
    ljhomerenovation · Member ·

    I have template that I would like to change the way the menu shows up. Right now is showing all the pages I would like to only show the parent pages and upon the mouse over the parent page to display the child pages. I can’t seem to make it work.

    This is what it shows in the menusm.ccs

    @charset “utf-8”;
    /* CSS Document */

    ul.menusm { font-size:14px; line-height:17px;}

    /* DESIGN NAV1 (categories) */
    /* level 0 */
    #nav1 ul { margin:0 auto; width:970px; height:39px; border:1px solid #364f5b;}
    #nav1 ul li { float:left; padding:0; margin:0; }
    #nav1 ul li a { border-right:1px solid #3d4a50; border-left:1px solid #19272d; display:block; margin:0; padding:11px 30px; color:#b8e8fe; text-decoration:none;}
    #nav1 ul li a:hover { background:#25343b; color:#eae8e8;}
    #nav1 ul li.current-cat { color:#e00437; text-decoration:none; } /* active item first level */
    #nav1 ul li.current-cat a,
    #nav1 ul li ul li a.a_hover_main { background:#24343a; color:#e00437; text-decoration:none; } /* on hover */
    /* level 1 */
    #nav1 ul li ul { top:39px; left:0; width:200px;}
    /* position of submenu */
    #nav1 ul li ul li { float:none; background:#264554;}
    #nav1 ul li ul li a { width:auto; padding:11px 10px; border:0;}
    #nav1 ul li ul li a.have_submenu { } /* if item have submenu */
    #nav1 ul li ul li a:hover,
    #nav1 ul li ul li a.have_submenu_hover { border:0; background:#253e4a; border-top:1px solid #49636f; border-bottom:1px solid #49636f; color:#fff; padding:10px 10px;}
    /* level 2 */
    #nav1 ul li ul li ul { top:-1px; left:200px;} /* position of sub-submenu */

    /* DO NOT EDIT!!! */
    ul.menusm { list-style:none;}
    ul.menusm li { cursor:pointer; position:relative; z-index:/*IE7*/999;}
    ul.menusm li a { position:relative; z-index:1000;}
    ul.menusm li ul { display:none; position:absolute; list-style:none; z-index:999;}
    ul.menusm li ul li ul { position:absolute; list-style:none;}

    This is what I get in the stylesheet

    /*- Top Nav -*/
    topnav { float:right; width:420px; margin:0; padding:40px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif;}
    .topnav ul { list-style:none; padding:3px 0 0 0; margin:0; }
    .topnav li { float:left; padding:0; }
    .topnav li a { font-size:14px; border-right:1px solid #e8e8e8; color:#a7a6a6; display:block; padding:8px 18px; text-decoration:none; text-transform:none; }
    .topnav li small { display:block;}
    .topnav li small a { font-size:11px; color:#868686;}
    .topnav li a:hover { color:#868686; }
    .topnav li.current_page_item a { }

    And the page-navi.css.css

    /*=== PageNavi. ===*/
    .wp-pagenavi { clear:both; font-size:14px; margin:0; text-align:left; color:#706f6f; padding:20px 0;}
    .wp-pagenavi a,
    .wp-pagenavi .current { margin-right:3px; padding:8px 12px; text-decoration:none; color:#fff; background:#474747;}
    .wp-pagenavi a:hover,
    .wp-pagenavi .current { padding:8px 12px; color:#fff; background:#31748b; }
    .wp-pagenavi .pages { float:right;}
    Blog url: http://www.ljhomerenovation.com/

  • staff-blorbo · Staff ·

    Your blog is a self-hosted WordPress.org blog, which we really can’t help with.

    To clear up any confusion, WordPress.com and WordPress.org are two different entities.

    WordPress.org has complete support and documentation sites for self-hosted/installed versions of WordPress via their Codex and Support Forums.

  • The topic ‘Menu Issues’ is closed to new replies.