heri8900

contoh tampilan menu navigasi yang saya inginkan

: chevron =http://postimg.org/image/96j0mihn7/

atau seperti yang lain yang agan bisa bantu, pokoknya berbeda dari menu dasar yang ada di themaa travelify ini

yang saya tanyakan kepada agan2 semua . bagaiman caranya ?di bagian mana di style.css thema travelify ini yang saya ganti?atau tambah, berikut code cssnya:?mohon pencerahannnya agan2 semua

/* =Menu
————————————————————–*/
#main-nav ul {
margin: 0; padding: 1; /* only needed if you have not done a CSS reset */
}
#main-nav li {
display: block;
float: left;
line-height: 50px; /* this should be the same as your #main-nav height */
height: 50px; /* this should be the same as your #main-nav height */
margin: 2; padding: 1; /* only needed if you don’t have a reset */
position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a {
display: block;
height: 30px;
line-height: 30px;
padding: 10 15px;
}
/* Dropdown */
#main-nav ul li ul,
#main-nav ul li:hover ul ul,
#main-nav ul ul li:hover ul ul,
#main-nav ul ul ul li:hover ul ul,
#main-nav ul ul ul ul li:hover ul ul {
display: none;
z-index: 9999;
}
#main-nav ul li:hover ul,
#main-nav ul ul li:hover ul,
#main-nav ul ul ul li:hover ul,
#main-nav ul ul ul ul li:hover ul,
#main-nav ul ul ul ul ul li:hover ul {
display: block;
}
#main-nav ul li ul {
position: absolute;
background-color: #fff;
border-bottom: 4px solid #439f55;
top: 40px;
left: 0px;
width: 190px;
}
#main-nav ul li ul li {
float: none;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
padding: 0;
}
#main-nav ul li ul li a,
#main-nav ul li.current-menu-item ul li a,
#main-nav ul li ul li.current-menu-item a,
#main-nav ul li.current_page_ancestor ul li a,
#main-nav ul li.current-menu-ancestor ul li a,
#main-nav ul li.current_page_item ul li a {
float: none;
line-height: 18px;
font-size: 14px;
font-weight: normal;
height: 100%;
padding: 2px 5px;
color: #777;
text-transform: capitalize;
background: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
background-color: #F9F9F9;
-webkit-box-shadow: none;
box-shadow: none;
color: #439f55;
}

#main-nav select {
display: none;
}