Ondersteuning » Thema en CSS/opmaak » kleur submenu en toggle in mobile

  • Hi!

    Ben op enkele probleempjes gestoten bij het maken van m’n site.

    Ik werk met het anema theme en zou graag de kleur van het menu icoontje veranderen voor mobile want het is niet zichtbaar. Zit er nu al uren op te zoeken en niets lijkt te lukken.

    Probleem n°2 is het dropdown menu, als je klikt op een bepaalde pagina in het menu verandert de kleur naar wit en is het menu item onzichtbaar. Kan ik deze kleur veranderen?

    Bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • 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.

    Thread starter wordpressproblems

    (@wordpressproblems)

    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.

    Thread starter wordpressproblems

    (@wordpressproblems)

    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.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘kleur submenu en toggle in mobile’ is gesloten voor nieuwe reacties.