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

    This topic contains 3 replies, has 3 voices, and was last updated by  Anonymous 5 years, 8 months ago.

    Viewing 4 posts - 1 through 4 (of 4 total)
    • Author
      Posts
    • #15425

      Anonymous

      When I expand out the product categories it is covering the top with a weird white box. Seems to be a theming issue since it animates with the ‘expansion’

      Image shows the issue.

      http://i.imgur.com/P0XEx.jpg

      Live site is http://www.papakuraeducation.co.nz

      #15426

      Anonymous

      style.css line 37

      change:

      .left-nav { background: url(“/skin/frontend/default/papakura/images/leftnav_bottom.jpg”) no-repeat scroll left bottom #F7406E;}

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

      #15428

      Anonymous

      Sorry bot i don’t understand what you are saying, i think the line you have to change is:

      .left-nav {background:url(../images/leftnav_bottom.jpg) no-repeat bottom left;padding:0 0 16px 0;width:178px;}

      Regards.-

    Viewing 4 posts - 1 through 4 (of 4 total)
    Reply To: Problem with menu when expanding accordian menu
    Your information:





    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">