Via (sub)menu naar onderdeel op pagina scrollen

Gewijzigd op Ma, 18 Nov om 5:34 PM

Het is mogelijk om vanuit het (sub)menu direct naar een specifiek onderdeel op een pagina te linken. In dit artikel laat ik zien hoe je dat kunt doen. Volg de stappen nauwkeurig!

Schakel de 'Visual Builder' in op de pagina waar het onderdeel staat waar je heen wilt linken.
Open de instellingen van de sectie of rij waar je direct heen wilt linken vanuit het menu. In dit voorbeeld open ik de instellingen van de sectie, maar dit kan ook met een specifieke rij.
Onder 'Geavanceerd' vind je de 'CSS-id en -klasses'
Vul bij 'CSS ID' een unieke naam voor de sectie of rij in. (LET OP: hier mogen geen spaties in gebruikt worden en geen hoofdletters. Mocht je meerdere woorden willen gebruiken, gebruik dan een '-' tussen de woorden. Dit is puur voor de link, dus houd dit kort. Voor dit voorbeeld gebruik ik 'vragen-aanbevelingen')
Klik op het groene vinkje.
Sla de pagina op en verlaat de 'Visual Builder'.
Voeg achteraan de url balk een '#' toe met daarachter het CSS id dat je hebt toegevoegd aan de sectie of rij. In mijn geval was dit 'vragen-aanbevelingen' dus mijn link wordt: 'https://video.bloomsite.nl/dienst/#vragen-aanbevelingen'
Druk op enter. Als het goed is springt je beeld naar de sectie of rij waar je het CSS-id hebt ingevuld.
Kopieer de URL die je net hebt gecheckt.
Ga naar de achterkant van je website door op 'Dashboard' te klikken.
Houd je muis op 'Instellingen' en klik vervolgens op 'Menu's'.
Zorg dat je bovenin naast 'Een menu selecteren om te wijzigen' het hoofdmenu hebt geselecteerd.
Klik links in het menu 'Aangepaste links' open.
Plak bij 'URL' de gekopieerde URL.
Vul bij 'Linktekst' in wat er in het menu moet komen te staan.
Klik op 'Aan menu toevoegen'.
Het toegevoegde menu item komt dan automatisch onderaan te staan. Sleep deze naar de juiste plek.
Om er een submenu-item van te maken sleep je de balk iets naar rechts tot er 'Subitem' naast staat.
Klik op 'Menu opslaan' en check even of alles werkt!