Primary Menu Bar

Primary Menu Bar

De Primary Menu Bar (primaire menubalk) is de menubalk in de header.
In de subcategorie [Primary Menu Bar] kunnen aanpassingen gemaakt worden in de opmaak van deze menubalk.
Dit betreft instellingen op het gebied van opmaak, typografie en kleurgebruik.

Make Full Width

Hide Logo Image

Menu Height

Logo Max Height

Text Size

Letter Spacing

Font

Font Style

Text Color

Active Link Color

Background Color

Dropdown Menu Background Color

Dropdown Menu Line Color

Dropdown Menu Text Color

Dropdown Menu Animation

Start in het WordPress Dashboard en navigeer naar

[ Divi ]

[ Theme Customizer ]

[ Header & Navigation ]

[ Primary Menu Bar ]

Make Full Width

Standaard blijft de primaire menubalk binnen de gekozen breedte van de bladspiegel.

Door het plaatsen van een vinkje in het selectievakje bij [ Make Full Width ] zal de menubalk verbreden tot de volle breedte van het browservenster en daarmee dus door de grenzen van de bladspiegel gaan.

Hide Logo Image

Aan de linkerzijde van de primaire menubalk wordt in Divi het logo getoond.

Door het plaatsen van een vinkje in het selectievakje [ Hide Logo Image ] zal er geen logo in de primaire menubalk zichtbaar zijn.

Menu Height

De standaardhoogte van de primaire menubalk aan de bovenzijde van een pagina is 66 pixels. Deze hoogte kan aangepast worden.

Door de schuifregelaar te verschuiven of door het invoeren van een waarde wordt de hoogte aangepast.

De reset-knop herstelt de instelling naar de standaard van 66 px.

Logo Max Height

De hoogte van het logo wordt in Divi altijd ingesteld op een bepaald percentage van de hoogte van de menubalk.

Standaard is dit 54% van de primaire menubalk van 66 pixels.

Dit betekent dat bij een verandering van de hoogte van de menubalk (zie hierboven [Menu Height]) ook de hoogte van het logo zal veranderen.

Hier kan de hoogte van het logo veranderd worden, terwijl de menubalk onveranderd blijft.
Aanpassen van de hoogte gebeurt door de schuifregelaar te verschuiven of het invoeren van een waarde (= %).

Text Size

De standaard lettergrootte van de primaire menubalk is 14 px.
Op deze plaats kan deze standaardwaarde aangepast worden.

De waarde kan veranderd worden door de schuifregelaar te verplaatsen of door het gewenste aantal pixels in te voeren.
De Reset-knop zet de waarde terug op de de standaardwaarde van 14 pixels.

Letter Spacing

Hier wordt de ruimte tussen de karakters in de primaire menubalk ingesteld (standaard 0).

Veranderen van de afstand tussen de letters kan door de schuifregelaar te verschuiven of een waarde in te voeren.
Deze waarde mag zowel positief als negatief zijn. Bij een negatieve waarde zullen de letters dichter bij elkaar komen te staan.
De Reset-knop zet de waarde terug op de de standaardwaarde van 0.

Font

Dit is de plaats voor het instellen van het lettertype van Primaire Menu Balk.

Het standaard lettertype binnen Divi is ‘Open Sans’, tenzij er in de Theme Options een ander standaard lettertype is ingesteld.
Door te klikken op [ Default Theme Font ] verschijnt een dropdownmenu met de beschikbare lettertypen en kan het gewenste lettertype geselecteerd worden.

Font Style

Hier wordt de standaard fontstyle (= typeface) van de primaire menubalk ingesteld.

De vier knoppen zijn aan/uit knoppen.
De stijlen zijn van links naar rechts: Vet, Cursief, Kapitalen, Onderstrepen.

De stijl staat AAN indien de knop de gekleurd wordt weergegeven.

Text Color

Hier wordt de tekstkleur van de primaire menubalk ingesteld.

Door [ Select Color ] te klikken opent zich het kleurenmengpaneel en kan de gewenst kleur gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Active Link Color

Hier wordt de tekstkleur van de link naar de actieve pagina ingesteld.

De standaardkleur wordt overerfd van de gekozen primaire kleur in de Theme Options van Divi.

Door [ Select Color ] te klikken opent zich het kleurenmengpaneel en kan de gewenst kleur gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Background Color

De standaard achtergrondkleur van de primaire menubalk is wit.

Door [ Select Color ] te klikken opent zich het kleurenmengpaneel en kan de gewenst kleur gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Klik [ Default / Standaard ] voor het terugbrengen naar wit.

Dropdown Menu Background Color

Wanneer een dropdownmenu uitklapt is de achtergrond ervan wit, gelijk de primaire menubalk.
Indien gewenst kan hier de achtergrondkleur veranderd worden.

Door [ Select Color ] te klikken opent zich het kleurenmengpaneel en kan de gewenst kleur gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Klik [ Default / Standaard ] voor het terugbrengen naar wit.

Dropdown Menu Line Color

In de primaire menubalk is onder het actieve menu-item van het dropdownmenu een streep zichtbaar. De standaardkleur van deze streep wordt overerfd van de gekozen primaire kleur in de Divi Theme Options.

Er kan een andere kleur gekozen worden voor deze streep door [ Select Color ] te klikken.
Het kleurenmengpaneel verschijnt en de gewenst kleur kan gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Klik in het mengpaneel [ Default / Standaard ] voor het herstellen van de standaard kleur.

Dropdown Menu Text Color

De teksten in het dropdownmenu worden standaard in een lichtgrijze kleur (rgba(0,0,0,0.7)) weergegeven.
De kleur van de tekst kan hier aangepast worden.

Door [ Select Color ] te klikken opent zich het kleurenmengpaneel en kan de gewenst kleur gekozen/samengesteld worden.
Zie: ‘Gebruik kleurenmengpaneel’

Dropdown Menu Animation

Indien een menu uitklapbaar is, kan er een animatie gekozen worden welke tijdens het uitklappen gebruikt wordt.

Door onder [ Dropdown Menu Animation ] te klikken kan er uit 4 vormen gekozen worden:

Fade
Klapt uit. (= standaardwaarde)

Expand
Ontvouwt zich langzaam verticaal uit.

Slide
Klapt uit en verschuift naar rechts

Flip
Klapt uit en beweegt heen en weer om een verticale as