Sidebar menu formatting broken with update - Support | Kriesi.at

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

Author

Posts
March 20, 2015 at 5:41 pm #415426

mikegrace78
Participant

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
Moderator
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
Participant

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
Moderator
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
Participant

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
Moderator
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
Participant

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
Inactive Moderator
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
Participant

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.