Would like to change this from a select one to drop down at the moment I can only get categories to pop out to select option for responsive was thinking it might be something thing like $dropdown
Home $small_html “;
.small_cat, .small_link {
position: relative;
z-index: 30;
margin: 0px 10px 20px 10px;
}
.small_link{
margin-bottom:0px;
}
.small_cat div, .small_link div{
padding: 0px 16px;
overflow: hidden;
position: relative;
font: 18px/40px ‘PT Sans Narrow’;
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
text-align:center;
text-transform:uppercase;
font-weight:bold;
}
.small_cat div{
background:#585858;
border: 1px solid #000000;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
}
.small_link div{
background: #38B0E3;
border:1px solid #0D9FDF;
border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
}
.small_cat select, .small_link select {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
}
.small_cat, .small_link{
display:block;
}