Ondersteuning » Code oplossingen gezocht » header vast zetten tesseract

header vast zetten tesseract

  • ilza

    (@ilza)


    7 jaren, 7 maanden geleden

    Hallo,

    Inmiddels ben ik een paar dagen bezig met het maken van een site met het tesseract theme.
    Het vast zetten van de header lukt mij echter niet.
    Kan iemand mij stap voor stap uitleggen wat ik hiervoor moet doen?

    Ik gok dat het iets van een code toevoegen is in de editor.
    maar hoe dat werkt, welke code en waar ik de dan precies plak… geen idee.

    Alvast hartelijk bedankt!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Axel13

    (@axel13)

    7 jaren, 7 maanden geleden

    Hoi Ilza,

    Ik ken de theme niet, maar de header kun je met CSS vastzetten, meer bepaald met position: fixed.

    Als je het hebt over http://clariss-id.com/, dan kun je dit toevoegen aan de ID van de header, nl. masthead.

    In CSS ziet dat er dan zo uit:

    #masthead {
    position: fixed;
}

    Als je theme geen setting heeft om CSS toe te voegen, kun je daar een custom CSS plugin voor gebruiken. Of mocht Jetpack actief zijn op je site kun je de custom CSS module activeren.

    Thread starter ilza

    (@ilza)

    7 jaren, 7 maanden geleden

    Super! Dit is gelukt, bedankt!

    Ik heb een custom CSS plugin gedownload.
    Hier je code in geplakt, dan scroll hij mee.

    Kan ik de header ook laten ‘verspringen’ naar een verder deel op de pagina? Dat hij op een bepaald deel blijft staan tot je over een bepaald punt heen scroll. (ik hoop dat dit niet te warrig is qua uitleg)

    Groeten.

    Axel13

    (@axel13)

    7 jaren, 7 maanden geleden

    Nah, ‘k snap wat je bedoelt, maar dit is minder evident. Daar heb je JavaScript of jQuery voor nodig denk ik, omdat de code dan de positie moet in de gaten houden.

    Ik vind niet meteen een voorbeeld, maar hier is iets vergelijkbaar.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘header vast zetten tesseract’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven