The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can’t seem to get third sub level to fly out

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #43638

    Can’t seem to get thrird sub leval to fly out my first attempt I have got second level working but not third.

    .box-category > ul > li ul > ul{
    display: none;
    .box-category > ul > li > ul {
    font-weight: bold;
    .box-category > ul > li + ul + li{
    display: block;
    .box-category > ul > li ul > li > ul {
    padding: 5px 5px 0px 10px;
    .box-category > ul > li ul > li > ul > a {
    text-decoration: none;
    display: block;
    color: #656565;
    .box-category > ul > li ul > li > ul > ul > {
    font-weight: bold;


    Nothing in given code deals with third level lists. This is also very confusing:

    `.box-category > ul > li + ul + li`

    On right side it points to a list element that follows a ul element. That shouldn’t ever happen in HTML syntax, so there is clearly something wrong there. The HTML for the above could look something like:

      (buggy code tags…)


      To @Merri and @Melindra

      Thanks for comment

      Got my second attempt working my website is a bit messy at the moment just getting my layout ready I am custom designing my own theme for my computer store few more weeks work yet to do on it line few things up etc. Using open cart default template I am working off and making my own style.


      I keep this around which may be of assistance:



      Thanks for that I have worked it out if you look at the second category menu on my left side of web site one that is semi black got it working lots of trial and error

      Web design in rough stage at the moment lot of testing at changes to do that’s why its in a sub domain thinking about changing the links at top above top menu but don’t know what look should go for.

    Viewing 5 posts - 1 through 5 (of 5 total)
    • The forum ‘CSS’ is closed to new topics and replies.