CSS pil i dropdown menu
Hej Kære Eksperter,Skal skynde mig at sige jeg ikke er nogen programmerings ørn.
Mit relative simpel problem er der er en lille pil der peger nedad i en dropdown menu. Den skal væk! :)
Jeg tænker umiddelbart det er CSS delen der bestemmer om den pil er der eller ej, ret mig hvis forkert.
Har prøvet at poste den del af koden hvor jeg tror det indeholder.
Det er et template af en hjemmeside jeg har købt på nettet og er det sidste jeg mangler for at have siden færdig, håber meget en kan hjælpe mig.
.sf-menu ul {
width: 187px;
font: 400 13px/13px "Open Sans", sans-serif;
position: absolute;
top: 44px;
left: 0;
background: #5d6166;
text-align: center;
padding: 23px 0 22px 0;
z-index: 2;
display: none;
}
.sf-menu ul > li + li {
margin-top: 19px;
}
.sf-menu ul li {
position: relative;
display: block;
}
.sf-menu ul li > .sf-with-ul:after {
font-family: FontAwesome;
font-size: 10px;
position: absolute;
font-style: normal;
font-weight: normal;
text-decoration: none;
cursor: default;
content: "\f0da";
color: #ffffff;
bottom: -1px;
right: 40px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sf-menu ul li a {
color: #ffffff;
text-transform: none;
}
.sf-menu ul li a:hover {
color: #f54f29;
}
.sf-menu ul > .sfHover > a:after {
color: #f54f29;
}
.sf-menu ul li.sfHover > a {
color: #f54f29;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
font-size: 12px;
position: absolute;
top: -21px;
left: 187px;
background: #f54f29;
padding: 13px 0 15px 0;
z-index: 4;
text-align: center;
}
.sf-menu ul ul li {
line-height: 27px;
margin-top: 1px;
}
.sf-menu ul ul li a {
color: #6666666;
text-transform: none;
display: block;
}
.sf-menu ul ul li:hover {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #5d6166;
}
.sf-menu ul ul li:hover a {
color: #ffffff;
}
.sf-menu ul ul li + li {
margin-top: 2px;
}
@media only screen and (max-width: 767px) {
.sf-menu {
display: none;
}
nav {
width: 100%;
float: none;
}
.select-menu {
border-radius: none;
display: block;
text-transform: capitalize;
float: none;
color: #f54f29;
width: 100%;
margin-top: 20px;
background: #ffffff;
font: 22px/28px "Open Sans", sans-serif;
text-align: left;
border: 1px solid #f54f29;
padding: 2px 0;
position: relative;
margin-bottom: 20px;
}
.select-menu option {
text-align: left;
position: relative;
}
}