Ondersteuning » Thema en CSS/opmaak » Header alleen op home, niet op andere pagina's

  • Opgelost johanna_jansen

    (@johanna_jansen)


    Hoi, ik heb een website in het Ravenna theme: jpjansen.com

    De drie header boxes op de homepage zijn prima, maar die zou ik liever weg willen op de onderliggende pagina’s. Zoals het er nu uitziet, moet ik constant (in het bijzonder op mobiel) eerst al die blokken wegscrollen, voordat je bij de tekst op de pagina zelf komt. Hoe zorg ik ervoor dat de headers alleen op home blijven, maar op de pagina’s niet?

    Bedankt!

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Helloo,

    Kun je eens kijken of het werkt met deze codes?

    Als je in de child theme in de style.css deze code plaatst op regel 14:

    .page .header-image.parallax {display: none;}
    .home.page .header-image.parallax {display: block;}
    .home.page main#main { padding-top: 0px;}
    main#main { padding-top: 160px;}

    En deze code op regel 1238:

    main#main { padding-top: 0px!important;}

    Thread starter johanna_jansen

    (@johanna_jansen)

    Hoi! Bedankt voor je antwoord, maar voordat ik hieraan begin, misschien een stomme vraag: de regelnummers zie ik bij mij niet staan in de editor van style.css (ik kom er via Weergave > Editor… misschien moet ik er op een andere manier heen?). Het lijkt me een beetje onhandig om zelf de regels te gaan tellen (tot regel 14 geen probleem, maar tot 1238 is onbegonnen werk), dat moet makkelijker kunnen toch?

    Thread starter johanna_jansen

    (@johanna_jansen)

    Oh wacht, laat maar, ik heb al een plug in gevonden die dit probleem oplost. Ik ga nyu kijken of de codes helpen!

    Thread starter johanna_jansen

    (@johanna_jansen)

    Beste Anna, ik heb op regel 14 en 1238 de codes toegevoegd, maar niets verandert…

    Moet de code op regel 14 trouwens helemaal achter elkaar op dezelfde regel blijven staan, of onder elkaar zoals in je bericht?

    Hoi,

    Het kan beide, maar ik zou hem voor nu even zo laten staan.
    Ik zit even te kijken maar ik zie echter geen code toegevoegd?

    Thread starter johanna_jansen

    (@johanna_jansen)

    Klopt, ik had ze even weer weggehaald. Ik zet ze wel even terug.

    Als ik nu je website kijk zie ik op de home de header, maar op de andere pagina’s niet meer…Dat was de bedoeling toch?

    Wat ik trouwens wel zie is dat jij hebt op 1238:

    main#main { padding-top: 0px!important;}@media only screen and (max-width: 991px) {

    Dat moet even omgekeerd worden:

    @media only screen and (max-width: 991px) {main#main { padding-top: 0px!important;}

    Thread starter johanna_jansen

    (@johanna_jansen)

    Je hebt helemaal gelijk! Het duurde even voordat ik mijn gewijzigde versie zag blijkbaar, heel vreemd. Misschien niet goed op refresh gedrukt…, maar in ieder geval heel erg bedankt. Dit is precies wat ik wilde.

    Top mooi om te horen 🙂

    Ik heb dat ook wel eens dat ik niet meteen de gewijzigde versie kan zien – CTRL + F5 tegelijk wil dan nog wel eens helpen bij mij 🙂

    Succes verder!

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Header alleen op home, niet op andere pagina's’ is gesloten voor nieuwe reacties.