De stijlen van navigatielinks worden voornamelijk bepaald door de header van je site. In de header-editor kun je het volgende wijzigen:

• De navigatie lay-out
• De navigatiekleuren
• De afstand tussen navigatiehyperlinks
• De opvulling rond de tekst
• Als de navigatie vaststaat
• Hoe ziet de navigatie eruit op computers en mobiele apparaten?

Je kunt ook opties in sitestijlen gebruiken om lettertypen en groottes te wijzigen. Lees de onderstaande gedeelten voor meer informatie.

Elke templatefamilie heeft zijn eigen sitestijlen, dus er is geen enkele vaste regel voor het bijwerken van je navigatielinks. Gebruik deze tips om de stijlopties te vinden die jouw sjabloon ondersteunt:

• Om sitestijlen te openen, open het ontwerppaneel en klik vervolgens op sitestijlen.
• Scrol door de tweaks aan de linkerkant en zoek naar gerelateerde tweaks. De aanpassingen bevatten meestal het woord Navigatie.
• Je kunt ook over de navigatie van je site zweven in de voorvertoning van je site aan de rechterkant. Wanneer er een blauw markeringsvak omheen verschijnt, klik je op een navigatielink. Dit helpt om aanpassingen weg te filteren die geen invloed hebben op links. Als je klaar bent, klik je op alles weergeven om terug te keren naar de hoofdweergave.

Hier is een voorbeeld van hoe dit eruitziet in het Thorne-sjabloon, dat deel uitmaakt van de Brine-familie:

Standaard komt het lettertype van je navigatie overeen met het lettertype van je hele site. Om een ander lettertype of andere lettergrootte in te stellen voor je navigatie:

1. Tijdens het bewerken van een pagina, open sitestijlen en klik vervolgens op ＞ naast lettertypen.
2. Klik op Stijlen toewijzen.
3. Klik op Sitenavigatie.
4. Om het lettertype te veranderen, klik je op Stijl en kies je vervolgens Aangepast. Kies een nieuwe lettertypefamilie, gewicht, stijl en andere details. Klik op Opslaan om je wijzigingen toe te passen.
5. Om de grootte te wijzigen, klik je op Grootte, kies je een vooraf ingestelde Alinea -grootte, of kies je Aangepast. Om een aangepaste grootte in te stellen, gebruik je de diavoorstelling of voer je handmatig een nieuwe remwaarde in. Klik op Opslaan om je wijzigingen toe te passen.

Tip: Om te leren hoe versie 7.1 rem-waarden gebruikt voor lettertypegroottes, bezoek Lettertypen wijzigen.

Om je navigatielettertype te wijzigen, klik je op het v-pictogram naast de naam van de tweak om het bijbehorende uitklapmenu te openen. Hier kun je het volgende wijzigen:

• Lettertypenamen
• Stijl
• Grootte
• Lijnhoogte
• De afstand tussen letters

Zie voor meer hulp Lettertypen wijzigen.

Je kunt ook het kleurenschema van je mobiele header-overlay aanpassen.

Om de kleuren van de navigatielinks te wijzigen, klik je op een kleuraanpassing in sitestijlen. Kies een nieuwe kleur door bovenaan de kiezer op een kleur te klikken en vervolgens een tint in het vierkant te selecteren. Je kunt ook een specifieke waarde in het tekstveld invoeren. Ga voor meer hulp naar kleuren wijzigen of naar de sjabloongids van je site.

Om de positie en afstand van je navigatielinks te veranderen, bewerk je hoe de header van je site op computers verschijnt. Je kunt ook het uiterlijk en de plaatsing van het menupictogram op mobiele apparaten aanpassen.

In sommige sjablonen kun je de positie van de links wijzigen. Zoek in sitestijlen naar tweaks met de naam Navigatiepositie, Navigatie-uitlijning of iets dergelijks. Bekijk de onderstaande tabel om te zien welke posities beschikbaar zijn in je sjabloon.

Tip: Sommige sjablonen ondersteunen een vaste navigatie, of "sticky", die op dezelfde positie aan de bovenkant van de browser blijft staan terwijl je naar beneden scrolt op de pagina.

Navigatie weergeven met een sjabloon

De navigatie-lay-out van je site is afhankelijk van de sjabloon van je site en wordt anders weergegeven op mobiele apparaten. Grotere mobiele apparaten, zoals tablets, kunnen de computerstijlen weergeven.

Zo wordt de hoofdnavigatie weergegeven op computers in deze template-families:

Pas de hyperlinkafstand aan

Om de ruimte rond navigatielinks aan te passen, zoek je naar aanpassingen in de sitestijlen die je header, banner of navigatie wijzigen. Hoewel de aanpassingen per sjabloon verschillen, omvatten aanpassingen van de hyperinkafstand doorgaans woorden zoals opvulling, Spacing of Width.

Om jouw mobiele navigatie te stylen, bewerk de header van jouw site. Klik in de header-editor op het pictogram Mobiel om mobiel-specifieke stijlen in te stellen, waaronder de lay-out en het type menupictogram.

Houd rekening met het volgende:

• Headerknoppen verschijnen altijd met de navigatie-hyperlinks achter de Menu-hyperlink of het ☰-pictogram.
• Het is niet mogelijk om de lettertypegrootte van de mobiele navigatie aan te passen.
• Het is niet mogelijk om je menupictogram altijd op een computer te laten verschijnen.
• Om het menupictogram uit je header te verwijderen, zorg je ervoor dat al je pagina's in het gedeelte niet gekoppeld staan en schakel je alle header-elementen uit, behalve het winkelwagentje. Als je het winkelwagentje inschakelt, verschijnt het menupictogram niet.

In veel gevallen neemt mobiele navigatie de stijlen van het computerscherm over, zodat je branding consistent blijft. Sommige sjablonen hebben geavanceerde mobiele stijlen opties, die je meer controle geven. Voor meer informatie, bezoek de handleiding van je sjabloon.

Om te ontdekken welke aanpassingen je mobiele navigatie beïnvloeden, open je navigatie in telefoonweergave voordat je de sitestijlen opent:

1. Schakel de Apparaatweergave naar de telefoonweergave.
2. Klik op de navigatiehyperlink (meestal een ☰) zodat je mobiele navigatie verschijnt.
3. Klik in het hoofdmenu op Website, klik op Ontwerp, en vervolgens op Sitestijlen. De mobiele navigatie blijft open.

Tip: Als je de navigatie niet op je mobiel kunt zien, controleer of je de achtergrond- of headerkleur niet dezelfde kleur hebt gegeven als de navigatietekst. De links kunnen op mobiele apparaten over deze kleur worden weergegeven.

Je kunt een menupictogram of hyperlink ontwerpen met een sjabloon

Zo wordt het ☰-pictogram of de menuhyperlink weergegeven in deze sjabloonfamilies:

Lege pictogrammen voor mobiele navigatie

In sommige sjablonen verschijnt het pictogram altijd op mobiel, zelfs als al je pagina's in het gedeelte 'Niet gekoppeld' staan.

Je kunt het menupictogram verbergen in deze sjabloonfamilies:

• Brine familie
• Familie Farro

Open het ontwerppaneel, klik vervolgens op Sitestijlen. Scrol naar het Mobiel: menupictogram -gedeelte en stel de aanpassing Positie menupictogram in op Verbergen.

In deze sjabloonfamilies is er geen ingebouwde manier om het mobiele navigatiepictogram te verbergen:

• Bedford
• Forte
• Galapagos
• Montauk
• Wells
• York

Tip: Je kunt het mobiele navigatiepictogram verbergen door aangepaste code toe te voegen. Voor meer informatie, bezoek deze post in het Squarespace Forum.

Houd er rekening mee dat aangepaste codewijzigingen buiten de reikwijdte van onze ondersteuning vallen. Dit betekent dat we je niet kunnen helpen bij het opzetten of oplossen van problemen met code-gebaseerde oplossingen.