Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 3, 2020 at 12:50 pm #1257971
    yampieters

    hello
    via this code in quick css

    #menu-item-101 .sub-menu {
    top: -100px;
}

    ive managed to get the submenu item higher up the viewport.

    but this submenu has also a submenu that i want a bit higher displayed on the screen.
    how to code this in quick css? (i cant figure out via Inspect Element what the id is)
    best regards, jelle

    ps: this

    #menu-item-101 .sub-menu ul.sub-menu {
    top: -150px;
}

    or this:

    #menu-item-101 .sub-menu .sub-menu {
    top: -150px;
}

    would look logic to me, but it does not work…

    • This topic was modified 4 years ago by yampieters.
    November 3, 2020 at 1:09 pm #1257978
    Yigit

    Hey,

    Please use following code instead

    .html_header_left #top .av-main-nav ul ul {
    top: -100px;
}

    Cheers!
    Yigit

    November 3, 2020 at 1:18 pm #1257982
    yampieters

    hi yigit, thanks. this is probably for ALL the sub sub menu items, isnt it?
    but what if i only want this of for example #menu-item-101.
    how should i do this?

    November 3, 2020 at 1:23 pm #1257984
    Yigit

    Hi,

    Yes, it is for all. To target menu items separately, please use the code as following

    .html_header_left #top .av-main-nav #menu-item-101 ul ul {
    top: -100px;
}

    Best regards,
    Yigit

    November 3, 2020 at 4:42 pm #1258058
    yampieters

    thanks yigit, works perfect. you can close this ticket now if you want.
    best regards, jelle

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘sub menu of sub menu’ is closed to new replies.