Hello,
The sub menus are not displaying correctly on my website. Here's a link to my website:
https://prototype.quillik.com/
And here is the extra CSS code I have so far:
div#menu1 {
float: left;
width: 100%;
height: 100%;
background: url('http://prototype.quillik.com/wp-content/themes/atahualpa/images/nav-bg.png') repeat-x;
overflow: hidden;
position: relative;
}
div#menu1 ul.rMenu {
clear: left;
float: left;
list-style: none;
margin: 10px 0;
padding: 0;
position: relative;
left: 50%;
text-align: center;
}
div#menu1 ul.rMenu li {
display: block;
float: left;
list-style: none;
vertical-align: center;
margin: 0;
padding: 0;
background: transparent !important;
color: #fff;
position: relative;
right: 50%;
}
div#menu1 ul.rMenu li a {
display: block;
margin: 0 0 0 1px;
padding: 3px 10px;
background-color: transparent !important;
color: #fff;
text-decoration: none;
line-height: 100%;
}
div#menu1 ul.rMenu li a:link {
background-color: transparent !important;
}
div#menu1 ul.rMenu li a:visited {
background-color: transparent !important;
}
div#menu1 ul.rMenu li a:active {
background-color: transparent !important;
}
div#menu1 ul.rMenu li a:hover {
background-color: transparent !important;
font-weight: bold;
}
My problem at this point is the full sub menu does not display, and it seems like (from the sub menu that does display) is that the li alignment is off. Thanks.