• Resolved j.koelb

    (@jkoelb)


    Hallo there,

    first I want to say Thank you! for this awesome theme. It looks superb right “out of the box” and I can really learn CSS-coding just because of the good documentation and by fiddling around with the code.
    But now I found something I coulnd’t fix myself:

    On my page (https://wptest.herderschule.eu”) I’m using the Child Menu-functionality (really great feature!) and it works just great, except that I have the problem to show menu entries for level 4 and 5 sites. For instance here: https://wptest.herderschule.eu/schulprogramm-2/fachbereiche/aufgabenfeld-i/deutsch/
    –> It just shows the Level 3 entry “Aufgabenfeld I”, but not the Level 4 entry “Deutsch”.

    This is what I tried so far:`/* level 3 */
    .child-menu > li ul ul { background: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ebebeb; border-left: 0px solid #ddd; padding-left: 30px; }
    .child-menu > li ul ul li a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; padding-left: 7px; margin-bottom: 1px; }
    .child-menu > li ul ul li a:before { font-family: FontAwesome; content: “\f105”; display: inline; normal; font-size: 18px; margin-right: 8px; }
    .child-menu > li ul ul li a:hover { background: #fff; }
    .child-menu > li ul ul li.current_page_item > a { }

    /* level 4 */
    .child-menu > li ul ul ul { background: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ebebeb; border-left: 0px solid #ddd; padding-left: 30px; }
    .child-menu > li ul ul ul li a { font-size: 12px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
    .child-menu > li ul ul ul li a:before { font-family: FontAwesome; content: “\f105”; display: inline; normal; font-size: 14px; margin-right: 8px; }
    .child-menu > li ul ul ul li a:hover { background: #fff; }
    .child-menu > li ul ul ul li.current_page_item > a { }

    /* level 5 */
    .child-menu > li ul ul ul ul { background: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ebebeb; border-left: 0px solid #ddd; padding-left: 30px; }
    .child-menu > li ul ul ul ul a { font-size: 15px; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
    .child-menu > li ul ul ul ul a:before { font-family: FontAwesome; content: “\f105”; display: inline; normal; font-size: 14px; margin-right: 8px; }
    .child-menu > li ul ul ul ul a:hover { background: #fff; }
    .child-menu > li ul ul ul ul li.current_page_item > a { }`

    I just put more “ul”-entries in the style.css of the child theme, but nothing changes.

    Could someone help me or is it just not possible to show Level4 and 5-sites?

    Thanks in advance!

    Jan

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Child Menu: How to get to see Level 4 and 5’ is closed to new replies.