Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #415426

    Hi,
    Can you please help me with the following:

    I just updated to the latest theme version. Thanks, the theme is great. I’m having a small issue with my sidebar menu’s appearing differently than they were before. Go here:
    http://www.titanboats.com/?portfolio=titan-t290
    You will see that the parent page, and child pages – (in the menu on the sidebar) are uniformly shaded with no visible borders. I would really like it to appear like this:
    http://kriesi.at/themedemo/?theme=enfold-overview
    The parent page is shaded with top and bottom borders, child pages are nested underneath with no shading.

    Thanks in advance for the assistance.

    -Mike

    #415702

    Hi mikegrace78!

    Thank you for using Enfold.

    That is the default style of child menu items. You can change it with this:

    .main_color .widget_nav_menu ul:first-child>.current-menu-ancestor,  .sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor {
      background: transparent;
      box-shadow: none;
    }
    
    #top .widget_nav_menu ul ul li.current-menu-item a {
      width: 100%;
      border-top: 1px solid rgba(0, 0, 0, 0.2);
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      background: #fcfcfc;
      position: relative;
      left: -65px;
      padding-left: 80px;
      width: 100%;
    }

    Cheers!
    Ismael

    #415773

    HI Ismael,

    Thanks for replying. You guys are great. I applied the code and you have the right idea, but we need to tweak it just a bit. !

    Instead of the current child page item displaying the shading, I would like the parent item ONLY to display the shading, and the current page (child) to keep the bold text.

    As well, when you are viewing the parent page, it would be great to apply the shading to just the parent page. (Currently the default formatting is still in place when you view a parent page.)

    http://www.titanboats.com/?page_id=3522

    #416386

    Hey!

    Use this:

    .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
      background: transparent;
      box-shadow: none;
      border: 0;
    }
    
    .cmw-has-submenu.current-menu-item > a {
      border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
      background: #fcfcfc;
      position: relative;
      left: -65px;
      width: 100%;
      display: block;
      padding-left: 65px !important;
    }
    
    #top .widget_nav_menu ul ul li.current-menu-item a {
     font-weight: bold;
    }

    Best regards,
    Ismael

    #416848

    Hi,

    Sorry didn’t totally work right. I’ll try to be more clear.

    The following link is a parent page. This is perfect. The page open ‘Commercial’ is in bolded text in the menu, and also has the shading format that I am looking for.

    http://www.titanboats.com/?page_id=3561

    Now, we’ll go to the child page of ‘Commercial’. This is called ‘Whale Watching/Eco-Tourism’. Formatting for the shading should be as it appears in the parent page (Outlining the parent page, ‘Commercial’). The bold text is switching to the Child Page, which is just fine. Shaded formatting in the menu should always remain on the parent page, regardless of whether you are viewing the parent or child.

    http://www.titanboats.com/?portfolio=whale-watching

    Also, for some reason (I can’t figure out why) the formatting is not appearing on the ‘Used Boats for Sale’ Parent Page:

    http://www.titanboats.com/?page_id=3670

    Thanks in advance for your help!!!

    #417593

    Hey!

    This one should work:

    .sidebar .widget_nav_menu ul:first-child>.current-menu-item, .sidebar .widget_nav_menu ul:first-child>.current_page_item, .sidebar .widget_nav_menu ul:first-child>.current-menu-ancestor {
      background: transparent;
      box-shadow: none;
      border: 0;
    }
    
    .main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item {
      background: transparent;
      box-shadow: none;
      border: 0;
    }
    
    .cmw-has-submenu.current-menu-parent > a {
      border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
      background: #fcfcfc;
      position: relative;
      left: -65px;
      width: 100%;
      display: block;
      padding-left: 65px !important;
    }
    
    #top .widget_nav_menu ul ul li.current-menu-item a {
     font-weight: bold;
    }

    Regards,
    Ismael

    #418250

    Ok,

    We’re almost there. Thanks for your persistence. I’ll try to be REALLY clear below.
    Titan Patrol T-Tops is a child page: http://www.titanboats.com/?portfolio=titan-t280
    Everything here is perfect here. Thank you. The Parent Page (Enforcement) has the shading I desire, and the current page (Titan Patrol T-Tops) has bolded text.

    Next, go to the parent page, Enforcement : http://www.titanboats.com/?page_id=3522

    The only thing missing here is the shading around ‘Enforcement’ (just like it is on the child page.)

    So in summary:

    Child Pages Require:

    Shading around parent page.
    Bold text of current page viewing.

    Parent Pages Require:
    Shading around current page.
    Bold text of current page.

    Thanks a million.

    #419594

    Hi!

    Try adding this to your custom CSS.

    aside .widget_nav_menu > ul > li.current_page_item > a {
      background: none repeat scroll 0 0 #f0f0f0 !important;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
      border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
      left: -65px !important;
      padding-left: 65px !important;
      position: relative;
    }

    Cheers!
    Elliott

    #424356

    Mission Accomplished!!! Thanks everyone!

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

The topic ‘Sidebar menu formatting broken with update’ is closed to new replies.