Guido, Naam van de theme die ik geïnstalleerd heb is Mural. Heb het een en ander geprobeerd met de code welke je getypt had maar er gebeurde vrijwel niets. Gaat nog wel even verder met proberen.
Misschien handig. Op Florastart.nl is het menu te vinden.
/* Header menu */ .menu { float: right; } .nav { margin: 0; padding: 0; } .nav, .nav * { list-style: none; } .nav li { float: left; padding: 0; position: relative; } .nav > li { padding: 0; } .nav ul li { width: 100%; } .nav > li > a { display: block; position: relative; margin: 0; padding: 13px 15px 11px 15px; line-height: 21px; } .nav > li > a:hover { text-decoration: none; } /* Hides items under top menu */ .nav ul { position: absolute; top: -9999em; width: 20em; /* left offset of submenus need to match (see below) */ margin-top: 0; padding: 0; } /* Shows submenus */ .nav li:hover ul, .nav li.nav-hover ul {left: 0; top: 45px; /* match top ul list item height */ z-index: 92; margin-left:-10px;margin-top:4px; border-top:#FFF solid; width:300px; } /* Hides all sub items (4 levels deep) */ .nav li:hover li ul, .nav li.nav-hover li ul, .nav li li:hover li ul, .nav li li.nav-hover li ul, .nav li li li:hover li ul, .nav li li li.nav-hover li ul { top: -999em;} /* On :hover, displays all sub items (4 levels deep) */ .nav li li:hover ul, .nav li li.nav-hover ul, .nav li li li:hover ul, .nav li li li.nav-hover ul, .nav li li li li:hover ul, .nav li li li li.nav-hover ul { left: 20em; /* match .nav ul width */ top: 0; margin: 0; } /* Default Skin for the Menu */ .nav ul li { padding: 0;} .nav ul a { font-weight: normal; text-align:center; font-size: 13px; padding: 8px 13px!important; letter-spacing: 0; display: block; line-height: 21px; } .nav a:hover { text-decoration: none; border-width: 0; } /* Menu bugfix */ .msie-7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* Hide mobile menu by default */ #menu-bg .mobile-menu { display: none; }
