Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.


    Home Forums Theme Forum HelloKids & HelloKids iPhone Problem with menu when expanding accordian menu Reply To: Problem with menu when expanding accordian menu

    #15427

    Anonymous

    My style.css left navigate line start musch higher would be nice to know I am change the line that say “what…………….” to now say ” .left-nav { background: url(“/skin/frontend/default/papakura/images/leftnav_bottom.jpg”) no-repeat scroll left bottom #F7406E;}”

    Code:

    /* Left Nav */

    .left-nav{margin-bottom:20px;}
    .left-nav-top{background:url(../images/leftnav_top.jpg) no-repeat;width:178px;height:6px;}
    .left-nav {background:url(../images/leftnav_bottom.jpg) no-repeat bottom left;padding:0 0 16px 0;width:178px;}
    .left-nav .head{padding: 9px;text-align: left;border-bottom: 1px solid #cbcbcb; background: #dcdcdc url(../images/bg_header.gif) repeat-x;}
    .left-nav .head h2{font-weight:normal;margin-bottom: 0px;line-height: 1.5em;font-size:1.3em; color:#6d6d6d; text-transform:none; background: url(../images/arrow_headers.gif) no-repeat top left;padding-left: 26px;}

    /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */
    #left-nav a {font-size:12px;color:#fff !important;}
    #left-nav li { position:relative; text-transform:normal; text-align:left; }
    #left-nav li.over { z-index:999; }
    #left-nav a,
    #left-nav a:hover { display:block; white-space:nowrap;text-decoration:none; }
    #left-nav span { display:block; cursor:pointer; white-space:nowrap; }
    #left-nav li ul span {white-space:normal; }

    /************ 0 LEVEL ***************/
    #left-nav li { border-bottom: 1px solid #f47f9c; }
    #left-nav li.active,
    #left-nav li.active a{color:#ffffff;}
    #left-nav li a { padding:8px 10px 7px 10px; color:#ffffff;font-size:12px;font-family:arial;}
    #left-nav li a:hover , #left-nav li.active a {background: url(../images/menu_left_hover.jpg) no-repeat;color:#ffffff;font-family:arial;font-weight:bold;width:188px;}

    #left-nav ul li.active1 a, #left-nav ul ul li.active2 a{background:none;color:#ffffff;font-family:arial;font-weight:bold;width:188px;text-decoration:underline;}

    #left-nav li.over a,
    #left-nav a:hover { color:#2e2e2e; }

    #left-nav li.active {color:#ffffff;font-weight:bold;}

    /************ 1ST LEVEL ************/
    #left-nav ul li span{line-height: 1.3em;}
    #left-nav ul li, #left-nav ul li.active, #left-nav ul li.over{ float:none; border:none; padding:0;border-bottom:1px solid #F47F9C; text-transform:none;}
    #left-nav ul li.last { padding-bottom:0; }
    #left-nav ul li.active { margin:0; border:0; background:none; }
    #left-nav ul a,
    #left-nav ul a:hover { float:none; padding:0; background:none; }

    /************ 2ND LEVEL ************/
    #left-nav ul { top:0px; left:0px; padding:0; } /* subcategorĂ­as */

    /* Show menu */
    #left-nav ul li a {padding:8px 10px 7px 20px; color:#fff !important;width:148px;}
    #left-nav ul li a:hover { padding:8px 10px 7px 20px; color:#ffffff !important;font-weight:bold !important;}
    /*#left-nav ul li.active a{background:none;width:148px;font-weight:bold;border-bottom:1px solid #F47F9C;}*/
    #left-nav ul li a.empty, #left-nav li.active a.empty, #left-nav li a.empty:hover{background:none;
    border:medium none;
    font-size:10px;
    font-weight:normal !important;
    padding:0;
    position:absolute;
    right:12px;
    text-align:right;
    text-transform:uppercase;
    top:7px;
    width:20px;}
    #left-nav ul ul li a, #left-nav ul ul li a:hover {padding-left:30px;}