Menu aanpassen Customizer
-
Hoi,
Ik heb subpagina’s toegevoegd aan het menu maar als ik er nu over heen ga met mijn muis komt er een witte balk tevoorschijn. Ik gebruik het thema Customizer.
Hoe kan ik deze verwijderen zodat de paginatitels te zien zijn?
Groetjes Carlien
De pagina waar ik hulp bij nodig heb: [log in om de link te zien]
-
Hoi @carliendekort,
Ik zie in de CSS inderdaad zowel de achtergrond als de tekstkleur op wit staan met de volgende code :
#topmenu ul li ul li a:hover { background: #ffffff; color: #ffffff; }
Afhankelijk van wat je wilt veranderen van kleur moet je daarin de #ffffff naar bvb zwart #000000 veranderen én dit stukje code in je Thema CSS stoppen.
Jeroen
- Deze reactie is gewijzigd 6 jaren, 10 maanden geleden door Jeroen Rotty.
Hoi Jeroen,
Ik heb het geprobeerd maar helaas geen sucses 🙁
Heb jij een idee wat ik fout heb gedaan?
Zo ziet de code er nu uit:/*Mobile Menu*/
.head_inner{position: relative;width: 100%;float: left;}
#simple-menu{display: block;float: right;margin-top: 1.5%;color: #ffff;font-size: 36px; position: absolute;right: 20px; top:15px;}
#simple-menu{ display:none;}
.pad_menutitle{padding: 5%;width: 90%;}
.pad_menutitle span{display: inline-block;float: right; cursor:pointer;}
/*Hide the mobile menu on desktop*/
#sidr-main{ display:none;}#topmenu{text-align: right; margin-top:5px; display:block; vertical-align: middle;font-size: 0;}
#topmenu.has_bookmark .menu { display: inline-block;}
.has_trans_header.home #topmenu{vertical-align: initial;float: right;}
#topmenu ul{ margin:0; padding:0;}
#topmenu ul li{ list-style-type:none; display:inline-block;position: relative; margin:0; padding:0;}
#topmenu ul li a{display: block;padding: 20px; background: #0000; font-weight:bold;}#topmenu .menu_hover > a{padding-bottom:12px;}
#topmenu ul li.current-menu-item a:hover, #topmenu .menu_hover.current-menu-item:hover > a {border: none;}
#topmenu ul li a, #topmenu ul li ul li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}#topmenu ul li ul{ display:none; position: absolute;width: 200px;z-index: 9999999;margin-left:-50px;}
#topmenu ul li ul:not(.mega-sub-menu) {background: #0000;}
#topmenu ul li ul { -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s;animation-duration: 0.2s;}
#topmenu .menushow{ display:block;}
#topmenu ul li ul li{ margin:0; padding:0; width:100%; display:block; text-align:center;}
#topmenu ul li ul li a{ padding:12px 10%; width:80%; margin:0px; display:block; color:#fff;font-weight:normal;}#topmenu ul li ul li ul{right: 100%; margin-top:-40px; float:none; margin-left:0px;}
#topmenu ul li span{ font-size:12px; opacity:0.5; padding-left:5px;}
#topmenu ul li ul li span{ display:none;}#topmenu .zn_parent_menu:hover a{border:none!important;}
.has_trans_header.home #topmenu{ background-color: #0000;}
.sidr .sidr-inner .head_soc { padding-left: 15px;}
/*Menu Description*/
span.menu_desc {display: block;padding-top: 5px;}/*Max mega menu Support*/
.mega-menu-item span.menu_arrow {display: none;}
#topmenu ul li.mega-menu-item ul li ul {background-color: #0000;}#topmenu ul.menu>li:after, #frontsidebar .widget_nav_menu ul.menu>li:after {content:””;display: block;height: 2px;background-color: #0000;width: 0;margin: 0 auto;margin-top: -5px;-webkit-transition: all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#topmenu ul.menu>li:hover:after, #frontsidebar .widget_nav_menu ul.menu>li:hover:after{width: calc(100% – 40px);margin-top: 0;}/*Mid Logo*/
.logo_middle{ opacity:0;}
.logo_middle .logo{ display:none;}
.logo_middle #topmenu {float: left;margin-top: 0;width: 100%;text-align: center;padding-bottom: 30px;}
.logo_middle #topmenu .logo{ display:inline-block; margin:0 40px; float:none;top: 15px;position: relative;}
.sidr-class-logo{ display:none;}#topmenu li.menu_highlight{}
#topmenu li.menu_highlight_slim{}
#topmenu li.menu_highlight_slim, #topmenu li.menu_highlight{ padding-bottom:0; padding:8px 12px; border-radius:4px; border:2px solid transparent;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#topmenu li.menu_highlight_slim>a, #topmenu li.menu_highlight>a{ padding-bottom:30px;border: none;}Hoi,
In dat stuk zie ik mijn CSS stuk niet staan, ik zou zeggen voeg dit onderaan toe:
#topmenu ul li ul li a:hover { background: #ffffff; color: #333; }
Als dat het nog niet doet best op de regel van color: #333; voor de ; nog !important toevoegen, op deze manier:
#topmenu ul li ul li a:hover { background: #ffffff; color: #333!important; }
Voor mij werkt het,
zie hierJeroen
- Deze reactie is gewijzigd 6 jaren, 10 maanden geleden door Jeroen Rotty.
- Deze reactie is gewijzigd 6 jaren, 10 maanden geleden door Jeroen Rotty.
- Deze reactie is gewijzigd 6 jaren, 10 maanden geleden door Jeroen Rotty.
Helaas niet gelukt
Dan ga je iemand moeten laten meekijken, want met die code zou het perfect moeten lukken …
Als je iemand zoekt kan je via m’n profiel mijn contactgegevens vinden.
Jeroen
Kan iemand anders mij helpen???? 😉
Hey @carliendekort,
Met de code hierboven moét het gewoon lukken, ik denk dat je ze gewoon niet op de juiste plek hebt geplaatst?
Anders mag je mij altijd een mail sturen om toegang te verlenen tot te website om de code te plaatsen en te laten werken. Gegevens vind je via mijn profiel.
Jeroen
- Het onderwerp ‘Menu aanpassen Customizer’ is gesloten voor nieuwe reacties.