Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 22, 2014 at 8:52 pm #227947
    bluemoonink

    Hi:
    I am using the sidebar pages widget (AMAZING!). I have a 3-level menu and page structure (using ‘parent’ attribute). On the sidebar pages widget, it works wonderfully for the 2nd level, but the 3rd level it gives the same class as 2nd level: “children”. So 2nd and 3rd level pages all have the same indent level. At least I think that’s what’s happening…

    How can i target those 3rd level pages and give them either more indent or a symbol (*) identifier that shows they are children of the 2nd level menu item?
    Thank you for the help!
    bluemoonink

    February 23, 2014 at 4:20 am #228040
    Ismael

    Hi bluemoonink!

    Are you using the Custom Menu widget? Please download the latest version of Enfold. 3rd level pages should be indented properly by then.

    Regards,
    Ismael

    February 23, 2014 at 7:32 am #228085
    bluemoonink

    Hi – thanks for quick response!
    I am using the wordpress menu with UberMenu plugin. I don’t think ubermenu has anything to do with the issue though.

    The problem is that menu levels 3 & 4 have the same indent level on the sidebar menu. That menu is coming from using the Enfold Sidebar Pages widget. Here are some screen shots to show problem better. I just want to know how to target the CSS for the 4th level so I can put some kind of icon to differentiate menu level…. I’ve played around with it a lot and can’t figure it out as anything > level 2 has class=’children’, so I can’t target a specific level (at least with my CSS skills…)

    sidebar pages widget screenshot
    main menu screenshot

    Any help is greatly appreciated..
    bluemoonink

    February 23, 2014 at 4:36 pm #228129
    bluemoonink

    Hello again:
    OK, my bad. The menu showing on my sidebar is actually coming from checking the “Page Sidebar Navigation” option under Sidebar in the theme settings – NOT the pages sidebar widget. sorry about that – anyway, the problem is still there. any help is greatly appreciated!

    bluemoonink.

    February 24, 2014 at 4:02 am #228324
    Ismael

    Hey!

    Can you please give us a link to the website? The nested sidebar navigation doesn’t have menu indents for second and third menu level. Please try to use the Custom Menu widget.

    Cheers!
    Ismael

    February 24, 2014 at 6:56 am #228355
    bluemoonink

    Hi:
    I just copied my local site up to: http://www.bluemoonink.com/nlsstest
    To see the 4th level menus, you will have to login (I will send those credentials in a private message shortly). If you click the last menu item (“Partners”) and then go to the 2nd level “Partner Sales Resources” and then “Partner Knowledge Center”, you can see the level I am trying to target.

    Any help is greatly appreciated (ignore the bad formatting – it is work in progress right now…)
    bluemoonink

    February 24, 2014 at 6:57 am #228356
    bluemoonink
    This reply has been marked as private.
    February 25, 2014 at 8:35 am #228905
    Dude

    Hey!

    Please try to insert this code into the quick css field:

    
#top #wrap_all .widget_nav_menu ul ul .children {
padding-left: 10px !important; 
}

    Best regards,
    Peter

    February 25, 2014 at 1:37 pm #228991
    bluemoonink

    Wow! worked perfectly – I would have never figured that out! Thank you so much,
    Bluemoonink

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Sidebar formatting for 2nd nested level’ is closed to new replies.