Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.Stap 1 — Het gigantische logo verwijderenDit heeft nu prioriteit.Open in Elementor rechtsboven Structuur (het icoontje met gestapelde lagen).Zoek in het overzicht de Afbeelding waarin het grote MUSCULI-logo staat.Klik erop om te controleren of het gigantische logo op de witte achtergrond geselecteerd wordt.Verwijder alleen die Afbeelding, niet de Flexbox waarin je zwarte navigatiebalk staat.Het kleine MUSCULI-logo in de zwarte balk moet blijven staan.Let op: als dat grote logo onderdeel is van de standaard websiteheader in plaats van een losse Afbeelding, verwijderen we het op een andere manier. Verwijder in dat geval nog niets.Stap 2 — Laat mij de structuur zienStuur me nu een screenshot van het geopende Structuur-overzicht, waarop de onderdelen van de zwarte balk en het grote logo zichtbaar zijn.Dan kan ik precies aangeven welke Flexbox we moeten selecteren en welke instellingen we aanpassen.We gaan daarna in deze volgorde werken: eerst de header op de juiste breedte, daarna logo en navigatie uitlijnen, vervolgens de kleuren aanpassen en ten slotte de balk zwevend over de foto zetten.Zo krijgen we dezelfde hoogwaardige uitstraling als Hauora, maar met het eigen MUSCULI-logo, de groenblauwe huisstijl en onze gradientaccenten.Bij hauora loopt de menu balk ook mee hij verdwijnt als je scrolt naar beneden scrol je omhoog popt ie gelijk opNagedacht gedurende 56sJa! Dat effect wil ik ook voor MUSCULI. Het is een slimme functie van Hauora die ervoor zorgt dat het menu altijd dichtbij is, zonder voortdurend ruimte op het scherm in te nemen.Het heet een Smart Sticky Header of Hide on Scroll Down / Show on Scroll Up.Het werkt zo:Je scrolt naar beneden: de navigatiebalk verdwijnt vloeiend naar boven.Je scrolt omhoog: de navigatiebalk verschijnt onmiddellijk weer.Je bent bovenaan: de balk staat gewoon op zijn oorspronkelijke plek.Voor MUSCULI vind ik dit beter dan een menu dat continu zichtbaar blijft. Vooral op mobiel, waar de schermruimte beperkt is.Zo gaan we dit instellen in Elementor V4We gebruiken straks Positie → Vast voor de navigatiebalk, gecombineerd met een klein stukje JavaScript dat de scrollrichting herkent.Alleen Sticky instellen is niet voldoende. In Elementor V4 blijft een Sticky-element namelijk binnen de grenzen van zijn bovenliggende container.Elementor+1Mijn voorstel voor MUSCULI:MUSCULI.AfspraakDe balk zweeft circa 20 px onder de bovenrand en verdwijnt bij omlaag scrollen.We zorgen ook dat de balk zichtbaar blijft wanneer het grote menu geopend is.Wat doen we nu?Eerst moeten we de huidige headerstructuur herstellen. Op je laatste screenshot staat namelijk nog een gigantisch logo buiten de zwarte balk.Doe nu één ding:Open Structuur in Elementor.Selecteer de buitenste Flexbox waarin je zwarte navigatiebalk staat.Ga naar Algemeen → ID.Vul in: musculi-headerDaarmee geven we de navigatiebalk een unieke herkenning voor de scrollfunctie die we straks toevoegen.Daarna werken we de plaatsing af en maken we de balk websitebreed beschikbaar. Pas dan voegen we het automatisch verdwijnen en verschijnen toe. Zo bouwen we het één keer goed, in plaats van op iedere pagina opnieuw.