De krimpende koptekst is een kleinere versie van de site header, waardoor je belangrijke navigatie-informatie vast kunt houden zonder gebruikers af te leiden terwijl ze naar beneden scrollen en zonder te veel ruimte in beslag te nemen. Het werkt als een sticky header-functie, maar verkleint de grootte van de logo's en andere widgets in je header. Het is vooral handig op sites met grote kopteksten en sites die zijn ontworpen voor lang scrollen.
Zodra de gebruiker door de hoogte van de koptekst scrolt, krimpt de koptekst.
- Als kolommen één zichtbare widget hebben, wordt de widget verticaal in het midden van de kolom gecentreerd en worden de opvulling boven en onder en de marges op 0 gezet.
- Als kolommen meer dan één zichtbare widget hebben, worden de widget s niet verticaal uitgelijnd en worden de opvulling boven en onder en de marges ingesteld op 10px.
- Als er lege rijen met kolommen zijn, beslaan de kolommen de gehele ruimte van de rij.
- Om sjablonen te verwerken met een minimale hoogtewaarde in de koptekst, wordt de minimumhoogte van de koptekst ingesteld op automatisch.
Het ontwerp van een krimpende koptekst bewerken:
- Plaats de muisaanwijzer op de koptekst, klik op Koptekst en klik vervolgens op Ontwerp bewerken.
- Klik op het tabblad Krimpende koptekst op de schakelaar Krimpende koptekst inschakelen. Je hebt de volgende mogelijkheden:
- Alleen navigatierij weergeven
Geef de rij alleen weer met navigatie als de koptekst krimpt. Deze functie is alleen van toepassing als er meer dan één rij in de koptekst staat.
- Achtergrondkleur
Wijzig de achtergrondkleur van de krimpende koptekst. Let op dat de achtergrondkleur van de rij de achtergrondkleur van de krimpende koptekst overschrijft.
- Meer koptekstkleuren bij scrollen
Geef kleuren op voor de tekst, geselecteerde link & hover, pictogrammen, knoptekst en meer.
- Tussenruimte koptekst
Pas de boven- en ondervulling van de krimpende header aan. U kunt de koptekstafstand per apparaat wijzigen.
- Grootte van logo
Wijzig de grootte waarin het logo of de afbeelding verkleint wanneer de koptekst krimpt (standaard is 66%).
- Wijzig het logo bij scrollen
Selecteer een logo om weer te geven bij het bladeren.
Wanneer de krimpende header is geactiveerd:
- De site scrolt naar beneden om het krimpende headerlogo en de effecten weer te geven.
- De sticky header-functie wordt automatisch toegepast op de header.
- De afstand tussen de koppen verandert de opvulling boven / onder en de marge in 0. Opmerking: Dit verandert de opvulling en marge van de koptekst, en niet de rijen binnen de koptekst.
- Afbeeldingen in de koptekst worden verkleind tot het percentage in de balk met logo-afmetingen (standaard is 66%).
- Als u de koptekst lay- out wijzigt, worden de instellingen voor krimpende kopteksten niet gewijzigd.
- Niet alle widgets zijn compatibel en verschijnen in de krimpende koptekst. De volgende widgets worden kunnen worden weergegeven in een krimpende koptekst:
- Navigatie
- Meertalige widget
- Sociale pictogrammen
- Klik om te bellen knop
- Klik om te e-mailen
- PayPal-knop
- FaceBook Like-knop
- Afbeeldingen en logo's
- Winkelwagen
- Tekst-widgets
- Titelwidgets
- Knoppen
Opmerkingen:
- Je kunt widgets niet bewerken wanneer de koptekst is verkleind.
- De ontwerp instellingen hebben voorrang op de krimpende koptekst instellingen. Als je bijvoorbeeld een rijachtergrond in de koptekst instelt, wordt de rijachtergrond weergegeven en niet de krimpende koptekst achtergrond.
- Als je een widget in de koptekst hebt die niet compatibel is met de krimpende koptekst, verschijnt er een lege kolom in plaats van de widget.
- Lege rijen worden weergegeven in de krimpende koptekst.
- Als je de krimpende koptekst niet kunt zien, kan het zijn dat je niet genoeg rijen op je site hebt om naar beneden op de site te kunnen scrollen en de krimpende koptekst te activeren. Als je slechts één rij op de pagina hebt, zal de site niet scrollen.