
Click on the Advanced tab and scroll down to the Motion Effects section. This will bring up the insert link popup where you usually add the URL or look for a post or page to link.

In the Elementor editor, click on the hamburger icon in the top-left corner to open the panel options. Creating an anchor link First you need to select the text that you want to link and then click on the insert link button in the WordPress Gutenberg editor. To insert an anchor, use the format idanchorname within the HTML code’s p> tag. Wordpress plugin for Divi Wordpress plugin for Elementor. Insert an anchor into the desired location by selecting it from the drop-down menu. Select the template you want to use and click on the Edit with Elementor button. Scroll Bar Enabled Normal scrolling Continuous vertical Without anchor links (same URL).

On the test site I implemented this by adding offst as class of all anchors, and the following CSS. Go to the WordPress admin panel and click on Elementor > My Templates.

Tips: Use all lowercase with anchor IDs, just helps with memory. My sites have a fixed header, so when I jump to a menu-anchor I need a vertical offset. WordPress, Using Anchors and the Menu Anchor Widget in Elementor Watch on 0:00 / 9:39 PrestoPro WordPress About this Video Tutorial Video tutorial on how to use anchors within Elementor within the Text Editor and using the Menu Anchor widget. I run a small website ( using Elementor Pro and OceanWP, and have a parallel test site, which is the same as the www site except when I am testing a new function or feature.
