Ondersteuning » Thema en CSS/opmaak » Menu Twenty Sixteen hoger

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Volgens mij heb je dit al zelf opgelost maar het word mooier als je de achtergrond van het menu wit maakt met background-color: #fff;
    Verdwijnt alles er achter als je gaat scrollen in de desk/laptopversie.

    Thread starter Tim Hupkes

    (@tim983)

    @ajroosemalen Hoi Arjan, dank je wel. Ik heb de achtergrond nu wit gemaakt. Eigenlijk wilde (en wil) ik het menu niet fixed bovenaan hebben. Het was een noodopoplossing. Kan je me helpen bij het menu ‘los’ bovenin krijgen?

    Let goed op dat je media query’s hebt en dit dus niet overal kan neer zetten.
    Als je gaat “spelen”met de volgende css

    @media screen and (min-width: 61.5625em){
       .site-branding, .site-header-menu, .header-image {
          margin-top: 1.75em;
          margin-bottom: 1.75em;
       }
    }

    dan word het een rommeltje maar als je nu hierbij gaat zetten dat je voor het id site-header-menu een margin-top van min 75 pixels wilt hebben word het een stuk leuker.
    Dan komt het er zo uit te zien

    @media screen and (min-width: 61.5625em){
       .site-branding, .site-header-menu, .header-image {
          margin-top: 1.75em;
          margin-bottom: 1.75em;
       }
       #site-header-menu{
          margin-top:-75px;
       }
    }

    Kijk wel goed of er op andere breedtes van schermen niets raars gebeurt!
    Dit, http://www.responsinator.com/?url=https%3A%2F%2Fwww.timhupkes.com, vind ik wel een handige website want je kan ook surfen in de venstertjes.

    Thread starter Tim Hupkes

    (@tim983)

    @ajroosemalen Hoi Arjan, hartelijk bedankt! Ik heb e.e.a. aangepast maar kijk er morgen nog even naar, dat lukt nu niet meer helemaal.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Menu Twenty Sixteen hoger’ is gesloten voor nieuwe reacties.