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

Home Forums CSS CSS sub menu help needed!

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

    Hi! I am an absolute newbie to css! I used an online css menu generator to create a submenu, but I can’t get it to align with the rest of the links in the navigation. (link to picture)

    The “Submenu” has drop down items, it should along with “Contact” be in line with the “About Us”.

    This is the CSS I downloaded.

    `#cssmenu ul,

    cssmenu li {

    list-style: none; margin: 0; padding: 0; }

    cssmenu ul {

    position: relative; z-index: 597; }

    cssmenu ul li {

    float: left; min-height: 1px; vertical-align: middle; }

    cssmenu ul li.hover,

    cssmenu ul li:hover {

    position: relative; z-index: 599; cursor: default; }

    cssmenu ul ul {

    visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }

    cssmenu ul ul li {

    float: none; }

    cssmenu ul ul ul {

    top: 0; left: 100%; }

    cssmenu ul li:hover > ul {

    visibility: visible; }

    cssmenu ul ul {

    margin-top: 0; }

    cssmenu a {

    display: block; line-height: 1em; text-decoration: none; }

    cssmenu ul li.last ul {

    left: auto; right: 0; }

    cssmenu ul li.last ul ul {

    left: auto; right: 99.5%; }


    cssmenu ul:after {

    content: ”; display: block; clear: both; }`


    We’ll need a little more context — please show us a link to the site in question or, if you can’t provide that, create a case in CodePen


    The website isn’t published yet. This is the link Thanks!!

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