No replies
ojejones
Offline
newbie
Last seen: 7 years 22 weeks ago
Joined: 2013-03-08
Posts: 1
Points: 2

Hi I a,m pretty new to css but I am trying to find a way to make my site http://www.silver-wasp.co.uk/ have multiple columns on the dropdown header. Specifically under the "Product" menu. Does anyone know what I need to change assuming the snippet below is what I need to change?

/*----------------------------------------------------------*/
/* 10. Sub Navigation
/*----------------------------------------------------------*/
div + .subnav_cont > * {
margin-left:0;
}

.sidebar .subnav > ul {
list-style-image:none;
padding-left:0;
}

.sidebar .subnav li {
border-bottom:1px solid #dcddde;
border-top:1px solid #FFF;
margin-bottom:0;
min-height:18px;
}

.sidebar .subnav li:first-child {
border-bottom:1px solid #EEE;
}

.sidebar .subnav a {
min-height:18px;
padding:11px 0 11px 23px;
display:block;
}

.sidebar .subnav ul .has_subnav ul a {
padding:9px 0 9px 23px;
}

.sidebar .subnav a:hover {
background:url(images/global/bg-subnav-link-hover.png) top right no-repeat;
}

.sidebar li:first-child {
border-top:none;
}

.sidebar .subnav ul ul {
border-top:1px solid #dcddde;
padding:5px 0;
}

.has_subnav {
padding-bottom:0 !important;
}

.sidebar .subnav .current_subpage,
.sidebar .subnav .current_subpage a,
.sidebar .subnav .current_subpage a:hover{
color:#FFF;
}

.sidebar .subnav .current_subpage ul a,
.sidebar .subnav .current_subpage ul a:hover {
background:none;
color:#636B75;
}

.subnav ul a:link,
.subnav ul a:visited{
color:#636B75;
}

.sidebar .subnav ul ul li {
border:none;
margin:0;
padding:0;
list-style-position:inside;
}

.subnav > ul ul {
background:#F4F4F4 url(images/global/bg-subnav-subnav.png) right top repeat-y;
}

ul{
padding:5px 0 0 16px;
list-style-image:url(images/global/bullet-type-1.png);
}

.sidebar .subnav ul {
list-style-image:none;
list-style-type:none;
}

.sidebar .subnav ul .has_subnav ul a,
.sidebar .subnav ul .has_subnav ul a:hover{
background:url(images/global/bullet-type-1.png) 90% 50% no-repeat;
}

.sidebar .subnav .has_subnav ul li a,
.sidebar .subnav .has_subnav ul li a:hover,
.sidebar .subnav .has_subnav .current_subpage a,
.sidebar .subnav .has_subnav .current_subpage a:hover{
margin-right:0px;
}

.current_subpage {
border: none !important;
}

hr{
border: none;
border-top: 1px solid #DADADA;
}