Support » CSS / opmaak vragen » logo in header over volledige breedte

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Hoi Jan. Heb je een link van je site voor ons?

    Ah een mede-fries 🙂 Kom zelf oorspronkelijk uit Buitenpost.

    Probeer eens het volgende aan je style.css toe te voegen (liefst via child theme):

    #masthead.site-header { margin-bottom: 30px !important; }
    .header-bottom { height: 460px; background: url('https://i1.wp.com/nordtob.nl/wp-content/uploads/2017/03/cropped-nordtobkop1-1.jpg?w=1064') center no-repeat; background-size: cover; }
    .header-bottom-left-section .logo-container > a { display: none; }
    .header-bottom-right-section { margin-top: 430px; }
    .header-sticky-desktop .header-inner-wrapper { position: inherit; }

    Doet dit wat je zoekt?

    Thanks!! Ja, Hurdegaryp! Ik heb hem nog een beetje aangepast, nog 1 vraagje:

    Op de desktop is het nu goed, maar met de mobiel ‘zoomt’ hij in, zou willen dat dit in verhouding mee gaat.

    Best genôch, dat kin ek 😉

    Voeg die toe onder de code die je eerder toevoegde:

    @media (max-width: 540px) {
        .header-bottom { height: 180px; }
        .header-bottom-right-section { margin-top: 150px; }
    }

    bedankt hjer! hjir kin ik wot mei! it kin weaze dot ik ynkoarten noch wot te freagjen ha 🙂

    Dat mei hear, dêr syn wy ek foar!

    Kinsto dit topic ek sluten? Dankewol!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘logo in header over volledige breedte’ is gesloten voor nieuwe reacties.