Ondersteuning » Thema en CSS/opmaak » Thema twenty seventeen: minder scrollen op de homepage

Thema twenty seventeen: minder scrollen op de homepage

  • lengerke

    (@lengerke)


    7 jaren, 3 maanden geleden

    Dag mensen,

    Ik ben een beginner en heb sinds een dikke maand mijn eerste website gemaakt. De volgende vraag heb ik over thema 27:
    Op de eerste pagina kan ik naar beneden scrollen. Tussen de “deelpagina’s” staan de foto’s. Ik vind dat er veel gescrollt moet worden. Ik wil de foto’s laten bestaan maar de ruimte tussen de deelpagina’s wil ik kleiner hebben. Nu is het zo dat de deelpagina’s ver van elkaar staan. De deelpagina moeten elkaar dus vind ik sneller opvolgen.
    Ik hoop dat het duidelijk is:-)
    Het gaat om http://www.meermetmijnmac.nl

1 reactie aan het bekijken (van in totaal 1)
  • Arjan Roosemalen

    (@ajroosemalen)

    7 jaren, 3 maanden geleden

    Oké, nu moest ik even zoeken want ik kwam een term in je css tegen die ik nog niet kon.

    @media screen and (min-width: 48em)
.panel-image {
    height: 100vh;
    max-height: 1200px;
}

    Bovenstaande staat dus in je style css en betekent dat je afbeelding 100% van de hoogte moet innemen met een hoogte maximum van 1200 pixels. Die getallen kan je aanpassen om te kijken of het mooier word naar jouw zin.

    Let er wel op dat er wel meer @media screen and (min-width: ??em) worden gebruikt en dat je ook voor die maten het netjes aanpast.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Thema twenty seventeen: minder scrollen op de homepage’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven