Zou je mogelijk kunnen helpen maar dan wil ik wel graag het adres van de website want dan kan ik zien wat er moet gebeuren.
Bedankt, heb de site even online geplaatst (is nog niet af).
http://www.sanidesmet.be
(de opmaak verschijnt niet in firefox, ben dit nog aan het uitzoeken 😉
Eerst probleem 2;
Op regel 1049 van je main.css vind je de volgende code;
#header .navbar-single .navbar-nav-single a.current, #header .navbar-single .navbar-nav-single a.current:hover, #header .navbar-single .navbar-nav-single a.current:focus {
background: none;
color: #ffffff;
}
Maak van #ffffff achter color iets anders en je link heeft een ander uiterlijk als er op geklikt is.
Probleem 1 los je bijna hetzelfde op maar dan vind je de code op regel 929 en ziet het er zo uit;
#header .navbar-default .navbar-toggle .icon-bar, #header .navbar-single .navbar-toggle .icon-bar {
background-color: #ffffff;
}
En nu moet je de backgroundcolor hebben.
Het is nog beter om een nieuw css bestand te maken waar je dit inzet en deze later laat inladen dan alle ander css bestanden.
Super bedankt!!
Het is ondertussen dan ook gelukt.
Ik wou nog graag de achtergrondkleur en de hover kleur van het dropdown menu voor mobiel veranderen en heb het volgende geprob. maar is niet gelukt. Kan je mij zeggen waar het fout zit?
#header.header-fullscreen-top .header-body .navbar-default .navbar-nav li.with-dropdown .sub-menu-container.sub-menu-list li a:hover, #header.header-all-time-top-fixed .header-body .navbar-default .navbar-nav li.with-dropdown .sub-menu-container.sub-menu-list li a:hover {
background-color: #0057a4;
color: #ffffff;
}
#header .navbar-default .navbar-nav a.current:focus {
background-color: rgba(11, 90, 160, 1);
color: #ffffff;
}
Voor de achtergrondkleur en dergelijke van je mobiele menu gaan we naar de responsive-adjustments.css en dan het gedeelte onder de @media (max-width: 767px)
Op regel 195 vind je de volgende code;
#header .navbar-single .navbar-nav-single {
left: 0;
right: 0;
margin: 0;
background: rgba(34, 34, 34, 0.9);
}
Nu gaat het om de background. Je kan trouwens ook de 0.9 veranderen naar 0.1 waar door de kleur “transparant” word.
En op regel 213 staat het volgende;
.navbar-single .navbar-nav-single li a:hover {
background-color: rgba(180, 110, 60, 0.7);
}
En nu weer de backgroundcolor. En dat “transparant” geldt ook hier.
