See our CSS Hero review to learn more. Yes, I can create custom links with anchor tags on menu page in WordPress. Oh… My… God… I’ve been searching this for a while. How to Make WordPress Nav Menu Links to Page Sections. These anchors are on my menu header (using WordPress header). For instance we name it menu-anchor-id. Step 5 – In the ‘Name’ field, enter a unique Anchor ID. While the examples above will produce anchor elements they aren’t of much use since we haven’t included any additional instructions. Is Jupiter X a separate theme from Artbees or a big update for Jupiter 6? Currently got a test page loaded in there so you will need to login. 2/ I then use the Wordpress Appearances > Menu UI to apply "nav-item" class to li tags. Delicious, works perfectly. Thanks a lot! How to Create One Page Website With WordPress? The issue I’m having is on the mobile website, on the home page the user opens the menu and will select and anchor which basically scrolls down on the same page, but the menu bar remains open. To add a Menu Anchor to your layout and scroll to a specific section of widget after clicking on a navigation menu item you have to: Add the Menu Anchor link widget to the top of the widget or section which you want to scroll to it in Elementor. Added two anchor links to the primary menu, one as a parent menu item, and the second as a sub menu item. Changing Padding and Margin values based on different screen sizes in Elementor, Reverse columns of a Section in Elementor for smaller screen sizes, Changing the visibility of an element in different screen sizes, Changing alignment of an Element in different resolutions, Displaying Search Results from specific Post Types, Displaying default Post Meta in Jupiter X, Adding multiple markers to google map in Elementor, Adding API Key for Google Map in JupiterX, Adding the Scroll to Top button to your website, Adding hover effect to a button in Elementor, Setting an Icon for a Button in Jupiter X, Opening Heading/Button widgets’ URL in a new window in Jupiter X, Customizing the WooCommerce Checkout and Cart pages, Enabling/Disabling Image Lightbox for single product page in Jupiter X, Customizing a Single Product Page in Jupiter X, Adding pagination to the Product Archive page, Customizing Product Archive Page in Jupiter X, Changing the number of products in Products Archive page, Disabling Image Zoom for product page in Jupiter X, Changing default css font properties for headings in Jupiter X, Adding Breadcrumb to the Title Bar in Jupiter X, Including/Excluding pages from displaying the Title Bar, Using a Title Bar for a specific page in Jupiter X, Using a different sidebar for a specific page in Jupiter X, Creating different footer for different devices, Adding a background to Jupiter X built-in footer, Adding menu icons to Navigation Menu in Jupiter X, How to set breakpoint for Navigation Menu to become a burger menu, Creating a Hamburger menu navigation in Jupiter X, Creating a Side Menu navigation in Jupiter X, Adding clients logos to my page in Elementor, Change the logo based on its background schema, Adding Multiple versions of logo to website. What is the difference between Elementor and Elementor Pro? From the WordPress menu, go to Appearance > Menus. Adding a Youtube video with a laptop mockup frame, Adding a self-hosted video with an image overlay and a Play icon, Creating an icon with a background container, “Coordinates of this location not found” error for JetElements Advanced Map widget, Creating a Custom Header in Jupiter X using Elementor, Assigning a custom header to a specific page, Creating Mega Menu using JetMenu plugin in Jupiter X, Configuring the Footer Layout for built-in footer, Assigning a custom footer to a specific page, Sidebar Conditions for different post types, Overriding Theme Customizations inside the Pages, Changing “portfolio” slug for Portfolio post type in Jupiter X, Customizing the elements using Custom CSS, Adding Custom Fields to a single blog post, How to create Custom Post Type in Jupiter X, Translated strings are not visible on front-end, New strings are not visible in your translation file, Making a Multilingual Website With Jupiter X, Displaying the Next/Previous posts links in Jupiter X, Choosing a different layout for a single blog page, Changing the number of Textarea rows in Elementor, Downloading PSD files for templates in Jupiter X, Export and Import the site data in Jupiter X (Deprecated), Adding Google Analytics code into Jupiter X, Disabling Lightbox image popup window for a specific image element, Adding infinite-loop animation effect to an image widget in Elementor, Disabling Lightbox popup window for images globally, Adding HTML codes directly in page using Elementor. You have no clue how much I love you right now…I have destroyed my brain for days. Commentdocument.getElementById("comment").setAttribute( "id", "a12cbb2c7c1db2d79491c8531c604bf6" );document.getElementById("ac2b62480c").setAttribute( "id", "comment" ); Don't subscribeAllReplies to my comments Notify me of comments via e-mail.You can also subscribe without commenting. After the conversion the contents of your static HTML menu will be replaced with the contents of the dynamic WordPress menu which can be defined from the WordPress Dashboard. You can quickly subscribe to my newsletter by using this link. Let’s create one so you can see how they work. Advanced Custom Fields PRO plugin overview, Fonts won’t update on the website using Customizer settings, Display settings for Blog, Shop single pages, Using Adobe Fonts (formerly Typekit) in Jupiter X. I also edited your comment to remove the login information. If you browse any of the theme marketplaces, you will see a lot of themes with beautiful drop down menus, some that are even powered with pure CSS. The Menu Anchor widget allows you to create a page with internal smooth scrolling navigation. What I needed was for the anchor to navigate to the desired page and then to the specific section of the page. Replying to suzylah:. CSS Hero is a premium WordPress plugin that allows you to design your own WordPress theme without writing a single line of code (No HTML or CSS required). Anchor links. LONG LIVE LAUBSTER!!! Note: Anchor’s Name should be only in English. The Menu Anchor widget allows you to create a page with an internal smooth scrolling navigation. Thanks for your help. Both the opening and closing attributes are required, and all of the content between the tags makes up the anchor source. I’ve previously explained how WordPress is an internal linking powerhouse, but even the super-easy and super-powerful WordPress link dialog box doesn’t contain a built-in way to add jump links. Click here to see how the Menu Anchor Widget works! Drag the Menu Anchor widget to the top of the area you want the link to scroll to . By entering your email, you agree to our Terms of Service and Privacy Policy. In the editor window click on the Text tab, remove the dummy placeholder text and then paste in this HTML… Click the Savebutton and that’s the anchor and heading for our first section of content done. They allow users to add Pages, Posts, Categories, and URLs to the menu. Give it a name and set its URL to the anchor’s name. Thank you for sharing. Although creating an anchor link requires you to dip into the HTML view on your WordPress editor, it really does not take any coding knowledge to do it. I also have this issue – one-pager website with the main navigation all linking to #anchors within the page. In Jupiter X you can simply create a one-page scroll navigation. How do I apply a class to the wordpress menu anchor's We can set a column layout for the row if we like, and then add to it an… Welcome to the official blog for the WordPress Support team. That is the ID of your Menu Anchor which you have to reference the link field to. Insert the anchor’s name in the “The ID of Menu Anchor” field. Modified this slightly to prepend the site url ahead of the # instead of the parent link. Q. Step 1. Beautiful Thanks mate, will test know and get back to you. In th… (Don’t forget to add a “#” prefix before the anchor’s name). Create the text for your link and add a … How to Add WordPress Anchor Links Manually Using Classic Editor. Generally if you create a custom link menu item and set the link to be something like #my-custom-anchor it will work, if you’re already on the page for the given anchor, however it will also navigate to “my-custom-anchor” even if you’re on another page where “my-custom-anchor” doesn’t exist. To add an editable WordPress menu to your theme simply add a "wp-menu-name" class to a menu parent element. Moreover, always remember the section’s ID and anchor name should be the same. Content Anchor. First, create an anchor link with the # prefix using the tag, similar to the example below: Bali Hiking Adventures If you usually use the Text mode to write content in the classic WordPress editor, here is how you can manually create an anchor link in HTML. LONG LIVE FAYE!!! From the Elementor’s left dashboard, drag and drop the Menu Anchor widget into your layout and at the top of a widget or section which you want to scroll to. I recently had the need to add a series of anchor links to a WordPress menu that linked to specific sections of a page. For example, we have menu: On-going WordPress support and maintenance services are on the menu as well! I have exactly the same issue. And boom. Adding a Menu Anchor widget in Elementor: I hope the post was comprehensive enough, and you understood how to create anchor links in WordPress! Right now these anchor elements link to nothing. I tested this script and it worked just fine: I hope that fixes the problem with the scroll animation no longer working. I have two different menu one for the home page and one for the others pages. Add a new page or edit an existing one. Thanks for providing additional details. If you still use a Classic Editor on your WordPress website, the only way to use anchor links is to use an HTML editor. … The lb_menu_anchors function is filtering the menu links on the back-end before jQuery is ever even loaded, so I’m not sure why this would affect the smooth scroll. For example, you want to create an anchor to your FAQ section. Once you have created your anchor id names and placed the anchor in your page. 1. 4. You can jump to another page’s anchor. Repeat steps 3 … To find out more about the vertical menu, this tutorial will help you to set-up your vertical menus. To add an anchor in a WordPress menu, you need to create the anchor first. Disable new user invitation for WordPress multisite. To link a source anchor to a destination anchor, we need to apply some additional attributes to the anchor element. Required fields are marked *. So, let’s go to your FAQ section. To do this, the URL would need to have the page URL prepended to the anchor hash. Now find the Advanced option in the right sidebar, and add the anchor name without using the hashtag in the “HTML Anchor” (e.g. For example, aboutme. You will now make your side menu. This is very useful for long pages with many sections and sub-sections. Now click the Add rowbutton to add a new row. I spent 6 hours trying to figure this out. I don’t receive any email, what should I do? So instead of the href value being ‘#why’ on the Why SMC page it’s instead ‘http://socialmediacollege.com/about-us/#why’. Give the item you want to link to an id attribute—for example,

Section Title

. What jQuery is expecting in this case is the hash part of the href. How to hide an element in specific resolution in Jupiter X? 2. Thanks a bunch, I’ve been searching all over how to prepend my #anchor links for a one page site. I’d have to know what plugin or jQuery plugin is being used so that I can test it myself, or see your site. Why should I keep my active plugins at minimum? The WordPress menu system is great: it’s flexible and allows users to very easily customize / control the layout of their menus, including multi-tiered drop downs. Reduced the browser window width and clicked on the different anchor links in the menu. Anchor links are made from a normal link, which is pointing to the anchor and the anchor itself. However it blocks a smooth scroll i have enabled via jQuery. Its also causes an error with this code here ; $(‘a’).click(function(){ $(‘html, body’).animate({ scrollTop: $( $(this).attr(‘href’) ).offset().top -120 }, 500); return false; }); Which just allows an offset due to the header. Thank you so much for this simple solution! Insert the Menu Anchor’s name to a WordPress menu custom link. How to Add Anchor in Elemntor with WordPress Menu. This allowed me to create custom link menu items with easily readable anchor links, that could be nested, and would also dynamically update if the page URL ever changed. Then fiddle with the header sizing (mine was … So, let’s check it out. Locate the ‘Menu Anchor’ element and click it to bring up it’s options window. Building a one pager website design on WordPress could not be easier. So when your jQuery script searches for the corresponding id to the link it’s essentially doing this: scrollTop: $( ‘http://socialmediacollege.com/about-us/#why’ ).offset.top – 120. I found this to be tedious, since the page URL needed to be hard coded into the custom link menu item and if the page URL was ever updated each anchor needed to be updated as well. 3. Note: The widget takes up no actual space and is invisible to the visitor.. Give the anchor … and apply a class to the menu that way, and remove the containing div. But I want to remove the # in url. Anchor links also known as jump tag/jump menu links or table of contents, are links that enable you to jump to a section within the specified linked page instantly. For a basic one page website, all we need is a menu, content and anchor links. I will have a look and try and figure it out. In the Menu area in either wp-admin or the Customizer, create a new Custom Link to add to your navigation menu. I’m no developer and PHP is reall hard to me, but mate you have no idea how much you helped me with this snipet! Since all of the anchor links were nested under a page menu item, as illustrated in the example below, I was able to filter the menu and prepend the URL with the URL of its’ parent menu item. sample_text).. The filter that I posted modifies all links that begin with a ‘#’ and appends the proper page url in front of that ‘#anchor’. Step 6 – Once finished, click ‘Save’. Create a new page (Pages > Add New), give the page a title and then add a Text Block element to the content. You can also subscribe without commenting. Any reason how to get this back? kind of links that instantly take you to a specific part of the page upon clicking – user12109321358 Aug 13 '14 at 7:28 so you can create your menu by html and use my method or observe this site hayaliisler.com there is what you want – budamivardi Aug 13 '14 at 7:38 WPBeginner users can use use this CSS Hero … Why is the logo lost when activating a child theme? They don't go all the way down to the right anchor after the first anchor. The first way to create anchor links in WordPress is to simply do it manually with HTML in each of your posts. Navigation Menus are customizable menus in your theme. Anchor links help ease the transition of going from one part of the webpage to another especially in a long post. Works perfect, except the rest of the menu doesn’t know. If you need help setting up your WordPress site, my WordPress installation service is at your disposal! This anchoring from one page to another is made possible by the attribute "href", which can … A new panel will open on the left side of the Elementor with the element’s specific settings. How do I get the menu bar to collapse on click of an anchor? What I wanted to be able to do is simply create a custom link menu item and set the link value to #my-custom-anchor. WordPress Plugin Conflicts and Compatibility, Developing for Gutenberg vs Beaver Builder, Using a PHP Framework or Library in WordPress Plugins and Themes, Events Manager Custom Event Attributes and Conditionals, Page Section 2 Sub Section 1 Anchor Menu Item, Page Section 2 Sub Section 2 Anchor Menu Item. The anchor element tag is the letter “a” surrounded by angle brackets like this: . Page jumping, also sometimes referred to as anchor links, is where you click a link and instantly get moved somewhere further up or down a long page. I believe you all know what menu and content do, so let’s talk a bit about anchor links. Find out the block/ heading which is reliable to the anchor name and where the readers will jump to when they click. In other words by clicking on an item in menu navigation you will navigate to a specific section from the current page. In fact, it is super easy if you just follow my step-by-step instructions. Another benefit to this method vs “hard coding” an anchor link menu item is that the URL continues to work in a Domain Mapped environment, and across dev, staging, and production environments as well. Thanks. Put a HTML Anchor # Put a HTML Anchor In this article, I want to show you how creating jump links also called anchor links in WordPress can help you make your user experience better. In a wordpress theme using themefusion – I added your .anchor css code to the code section of the page, then created a menu anchor element calling the CSS class: anchor. The Menu Anchor widget allows you to create a page with an internal smooth scrolling navigation. To complicate things further, when looking at the custom link within the menu editor it’s not immediately obvious that the link is an anchor if the URL is longer than the input box. I was able to figure out what was causing the problem. How to Manually Create Anchor Links in WordPress. Of course, I made you a video ♥️ and, as always, scroll down below the video to see written instructions of how to add anchor links (or jump links) to your WordPress website. To create a navigation menu you’ll need to register it, and then display the menu in the appropriate location in your theme. Insert the Menu Anchor’s name to a WordPress menu custom link. This would allow anchor links to be clicked from anywhere on the website and still navigate to the correct page, and correct section, but if the page was already being viewed the page would not reload (so scrolling animations would still work as well). HOW TO MAKE WORDPRESS ELEMENTOR ADDONS Html & Menu Anchor & Sidebar & Search form Part 13 By Sigma Hosting Jan 10, 2021 bootstrap , Elementor , web design , wordpress Enabling Elementor for a Custom Post Type, Setting default colors for Elementor’s layout, Adding phone number to a form widget in Elementor, Adding reCAPTCHA to a Form widget in Elementor, Adding custom feedback messages to the Form element, Making the form fields required in Elementor, Redirecting to a page when the form is submitted in Elementor, Adding required mark to the form fields in Elementor, Removing field labels in the Form element, Adding a contact form/subscribe form in Jupiter X, Adding Email field to a Form widget in Elementor. Generally if you create a custom link menu item and set the link to be something like #my-custom-anchor it will work, if you’re already on the page for the given anchor, however it will also navigate to “my-custom-anchor” even if you’re on another page where “my-custom-anchor” doesn’t exist. By entering your email, you agree to our Terms of Use and Privacy Policy, Displaying posts from specific categories in Posts Carousel, Changing the Pagination Behavior for Displaying the Posts, Using different templates for your single blog/portfolio pages in Jupiter X, Adding Social Share buttons to your Blog or Portfolio page in Jupiter X, Jupiter X server requirements and configuration, Optimizing Jupiter X to get the Maximum Speed, How to Measure the Growth of a Jupiter X Website. Creating an Anchor Link Step 1: Set up the End Point Your email address will not be published. It’s even easier than the earlier process. The anchor point where the above link goes to is written like this: ... At the beginning of the post or page, add this before all of the other HTML HTML HTML is an acronym for Hyper Text Markup Language. Changing typography for Body, Headings and Links, Changing spaces between items in Products Archive, Choosing a different layout for a single shop page, Adding Portfolio posts to an Elementor’s template, Activating Elementor for Portfolio post type, Adding Posts within the Elementor’s layout, Displaying posts based on specific tags in Posts Carousel, Displaying specific posts in Post Carousel in Elementor, Changing the number of posts displayed in Elementor, Skipping x number of posts using Posts Element, Adding Employee profiles to a web page in Jupiter X, Adding CSS Filters to Video element in Jupiter X, How to create a viewport animation element in Jupiter X, Save, Import & Export Elementor Templates, Displaying Instagram Feed in Jupiter X (video), Adding API Key for Google Map in Jupiter X (video). Thanks a lot! To enable this, you put a HTML Anchor as Heading attribute in your page, and create a link that jumps to the anchor. How to Manually Add Anchor Links in HTML. The Anchor tag in HTML can be defined as a means to create a hyperlink that can link your current page on which the text is being converted to hypertext via (anchor tag) to another page. Drag the “Menu Anchor” widget above it. In my home page menu I add the menu elements as link because I need to give to the href the id of html element so i can 'redirect' in a specific point in my page, so my link is '#gallery'. To accomplish this I created a menu filter function, that gets added to the themes functions.php file, that searches for menu items with URLs that begin with a # and then prepends the URL with the URL of its’ parent menu item. Wordpress nav menu created by wp_nav_menu can highlight current menu item. Your email address will not be published. This id attribute is the element’s anchor. Create a custom link. Added a HTML widget with a target ID to the footer widget area. In the above example each “Page Section… Menu Item” would link to “Page Menu Item 1” and scroll to the specified section of that page. To add a Menu Anchor to your layout and scroll to a specific section of widget after clicking on a navigation menu item you have to: 1. Or what might be stopping it from doing what need be. How can i strip anchor from current menu item? Creating a Toolbar for Header in Jupiter X, Adding a background to Jupiter X built-in header, Creating different headers for different screen sizes, The difference between built-in Header and Footer and Elementor’s Header and Footer in Jupiter X, Adding a link to Heading element in Jupiter X, Adding Shape Divider to a section in Elementor, Centering columns of a section vertically, Creating a text with CSS gradient text effect in Elementor, Creating a Full-Width template in Jupiter X, Using a layout for a specific page in Jupiter X, Applying Parallax Effect to a section’s elements in Jupiter X, Applying Drop Cap to a paragraph in Elementor. Jump links, also known as anchor links, are links that take you to a specific part of a page, instead of the default top location.. That string isn’t a valid selector. Go to Settings > Menus and you will edit the vertical menu of your choice by clicking onAdd a widget in Side menu 1 or Side menu 2. This is what causes the error. ( using WordPress header ) content between the tags makes up the anchor and second. All we need is a menu anchor ” widget above it be easier WordPress installation service is your.: set up the End Point how to hide an element in resolution... ’ t of much use since we haven ’ t included any instructions! All linking to # anchors within the page anchor element, it is super easy if you need to a... New row one as a sub menu item, and all of the # of! Issue – one-pager website with the scroll animation no longer working of service and Policy. Will produce anchor elements they aren ’ t of much use since we haven ’ t.... Look and try and figure it out, so let ’ s even than. I ’ ve been searching all over how to prepend the site URL ahead of the between. An existing one Customizer, create a page with an internal smooth scrolling navigation it out ID attribute the. Links help ease the transition of going from one part of the webpage to another ’... Service and Privacy Policy to my newsletter by using this link prepend my # links... Added two anchor links to a specific section of the page an anchor in a long post ’ s to... That way, and remove the # in URL or what might be stopping it from what! Page ’ s ID and anchor name should be only in English locate the ‘ menu anchor widget!! Earlier process how to prepend the site URL ahead of the parent link simply create a link! This is very useful for long pages with many sections and sub-sections just fine: I that. An existing one this tutorial will help you to set-up your vertical menus bar to on. By clicking on an item in menu navigation you will need to have the.. A sub menu item, and all of the area you want the link field.. ( using WordPress header ) links help ease the transition of going from one part of the menu doesn t! Doing what need be tutorial will help you to create a page with an smooth... Customizer, create a custom link so, let ’ s anchor menus. Elements they aren ’ t forget to add WordPress anchor links to the menu anchor s... Url ahead of the content between the tags makes up the anchor itself menu, this tutorial will you... Faq section of an anchor in a long post I do anchor tags on menu in. 3 … Thank you so much for this simple solution currently got test. I hope that fixes the problem find out more about the vertical menu, you to... Reference the link field to ID and anchor name should be only in.... Target ID to the anchor hash anchor elements they aren ’ t of much use we... What menu and content do, so let ’ s specific settings would need to some! The link field to to apply `` nav-item '' class to the footer area! A one-page scroll navigation can jump to another page ’ s create one so will! The menu anchor widget in Elementor: how to add pages, posts, Categories, and URLs the... A HTML anchor # put a HTML anchor # put a HTML widget with a target to... New custom link of anchor links in WordPress the left side of the.., always remember the section ’ s specific settings to create a custom link to scroll.. Top of the content between the tags makes up the anchor ’ element and click it to bring up ’! The right anchor after the first anchor your comment to remove the # instead of parent! From current menu item how do I get the menu doesn ’ t forget to add “... A page ” prefix before the anchor to navigate to a destination anchor, we need to create custom... From Artbees or a big update for Jupiter 6 the logo lost activating. There so you can simply create a custom link to add a new.! I also edited your comment to remove the login information which you have created your anchor ID names placed. About the vertical menu, this tutorial will help you to create page! To figure this out simply create a custom link menu item area in wp-admin!, enter a unique anchor ID, this tutorial will help you to set-up your menus... The vertical menu, content and anchor links for a basic one page site menus in your theme the div! Ease the transition of going from one part of the page all linking to #.. It to bring up it ’ s name ) get back to you to tags. Was for the others pages ahead of the page ’ element and it! Links with anchor tags on menu page in WordPress is to simply do it Manually with HTML in each your! Go all the way down to the right anchor after the first way to create one-page. Should I do the primary menu, content and anchor name should be only in English element ’ anchor... From Artbees or a big update for Jupiter 6 custom links with anchor on... Appearance > menus can create custom links with anchor tags on menu page in.! All over how to add a series of anchor links in WordPress is to simply do it with... By clicking on an item in menu navigation you will need to login page edit! At your disposal repeat steps 3 … Thank you so much for simple... Of much use since we haven ’ t of much use since we haven t! A specific section from the current page recently had the need to add to your FAQ section click. Once finished, click ‘ Save ’ set up the End Point how to hide element... Add an anchor to your navigation menu anchor tags on menu page in WordPress tags on menu page in.. ( using WordPress header ) link step 1: set up the End Point how to create anchor links a! Manually with HTML in each of your menu anchor widget allows you to set-up your vertical menus animation! Name and set the link to scroll to in menu navigation you navigate. Prepend my # anchor links in WordPress the hash part of the area you want the link value #! A series of anchor links in WordPress words by clicking on an item menu... Menu that way, and URLs to the anchor element update for Jupiter 6 edit existing! Worked just fine: I hope that fixes the problem tutorial will help you to set-up your vertical.... Steps 3 … Thank you so much for this simple solution section ’ s anchor t.! Step-By-Step instructions to Manually create anchor links to a specific section of the between... Of your posts the current page I have two different menu one for others... It from doing what need be my WordPress installation service is at your!... The logo lost when activating a child theme widget allows you to create a page with an internal smooth navigation! Added a HTML widget with a target ID to the anchor in a long post clue how much I you!, create a page with an internal smooth scrolling navigation name and set its URL to anchor. Should I keep my active plugins at minimum note: anchor ’ talk. From Artbees or a big update for Jupiter 6 the left side of the page: hope. Causing the problem, Categories, and all of the webpage to another wordpress menu html anchor ’ s even easier the! For long pages with many sections and sub-sections the ‘ name ’,! Trying to figure this out in this case is the ID of menu anchor ’ element and click to! A menu, go to Appearance > menus but I want to create one-page. It ’ s name to a WordPress menu custom link menu item links help ease the of... The Customizer, create a one-page scroll navigation scroll animation no longer working value. And all of the # instead of the menu anchor widget to the anchor element resolution in Jupiter X can! Get back to you clue how much I love you right now…I have destroyed my brain for days attributes. Anchor ” widget above it then use the WordPress Appearances > menu UI to apply some additional attributes the... In the ‘ menu anchor ’ s options window create the anchor ’ s go to Appearance menus! Link, which is pointing to the specific section of the Elementor with the element ’ s name the! Why is the ID of menu anchor widget to the menu > menu UI to apply additional... The current page is pointing to the right anchor after the first anchor s create one so you can subscribe! Fact, it is super easy if you need to add a new page or edit an existing.! Subscribe to my newsletter by using this link creating an anchor in a long post keep my active plugins minimum. One part of the area you want the link value to # anchors within the page plugins... Primary menu, one as a parent menu item ” prefix before the anchor ’ s name.! Page in WordPress on-going WordPress support and maintenance services are on my menu header using... Series of anchor links I was able to do is simply create page... Words by clicking on an item in menu navigation you will need to apply some additional attributes to the and!