-
-
Hi, my site is dmhbiopharm.com. I am using the Specular Theme my menu is showing these mysterious dots by the tabs and it is not showing the dropdown on hover. Here are screen shots of menu and CSS
nav .menu hover {
float:left;
padding:0;
margin:0;
list-style:none;
text-align:center;
height:100%;
margin-top:0
}
nav .menu li {
float:left;
position:relative;
height:100%;
}
nav .menu>li:hover>a {
}
nav .menu>li>a {
position:relative;
top:50%;
margin-top:-10px;
float: left;
}
nav .menu li a:hover {
text-decoration:none;
}
nav .menu > li > ul.sub-menu, nav .menu > li > ul.sub-menu ul {
list-style:none;
margin:0 !important;
display:none;
position:absolute;
left:0;
top:100%;
left:6px;
z-index:9999999;
padding:10px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
}
nav .menu li > ul.sub-menu li {
z-index:50005;
float:left;
text-align:left;
margin:0 !important;
padding:0 !important;
height:auto;
display:block;
width:100%;
}
nav .menu li ul.sub-menu li a {
float:left;
padding:7px 12px;
}
nav .menu > li > ul.sub-menu li > .sub-menu {
top:0;
left:100%;
}
nav .menu > li > ul.sub-menu li > a:hover {
color:#ffffff !important;
font-weight:bold;
}
nav .menu li ul.sub-menu li:last-child {
border-bottom:none;
}
nav .codeless_custom_menu_mega_menu {
display:none;
position:absolute;
right:0px;
top:100%;
z-index:9999999;
width:160px;
padding:10px;
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
box-shadow:0 2px 2px rgba(0,0,0,0.1);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom left;
}
-
Hello,
Please add this code into your custom css box in General Options:
ul#menu-nav { list-style-type: none !important; }
Best regards!
-
You must be logged in to reply to this topic.