Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 20, 2015 at 5:41 pm #415426
    mikegrace78

    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

    March 21, 2015 at 11:21 am #415702
    Ismael

    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

    March 21, 2015 at 7:27 pm #415773
    mikegrace78

    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

    March 23, 2015 at 2:52 pm #416386
    Ismael

    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

    March 24, 2015 at 2:02 am #416848
    mikegrace78

    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!!!

    March 25, 2015 at 8:17 am #417593
    Ismael

    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

    March 26, 2015 at 2:25 am #418250
    mikegrace78

    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.

    March 27, 2015 at 8:23 pm #419594
    Elliott

    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

    April 6, 2015 at 11:53 pm #424356
    mikegrace78

    Mission Accomplished!!! Thanks everyone!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Sidebar menu formatting broken with update’ is closed to new replies.