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)
http://s18.postimg.org/dwnws6gp5/Submenu_issue.png
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:after,
cssmenu ul:after {
content: ”; display: block; clear: both; }`
