Site logo

Archived topic

Anchor between button and container

6 replies · Started by Matthieu on January 14, 2021

Viewing posts 1–7 of 7

Hello, how could I do so that when I click on a button the page goes down to the associated container?

Thanks.

Hi there,

select the Container you want to jump to in the Block Editor. Go Advanced > HTML anchor and add your name eg. section-1

Then select your Button and give it a URL of #section-1

This creates the jump link to that section.

If you want it to smooth scroll - then select button block and in Advanced > Additional CSS Class(es) add: smooth-scroll

Then in Customizer > General enable the smooth-scroll option

its ok ! Thanks ! 😄

Glad to hear that

I want to appear section 1 only and hide sections 2 and 3 in the page by clicking respective custom link from menu. By clicking html anchor button from section 1 it will appear section 2 only but section 1 and 3 will be disappeared from the page. Similarly it will appear section 3 when clicking anchor button from section 2. But by this time both section 1 and 2 will be disappeared. All sections will be created in one page by containers from GenerateBlocks. Thanks.

Okay, thanks

This archived topic is closed to new replies.