If you found this tutorial helpful, then you'll love the Elementor Skills Playlist. Check it out here to learn all sorts of Elementor Skills: th-cam.com/video/IkZqYk3mx_g/w-d-xo.html
I just wanted to send you a quick thank you for your tutorial. Simple, but frustrating if you make just a small mistake. Your tutorial helped me fix my errors!!! Thank yoiu! Great job and very clear. Much apprecited.
I was looking so long for this, nobody could explain it that it also works - until I found your video! Well done, thanks a lot for your great help. Your tutorial is easy to understand, just perfect.
THIS BLEW MY MIND! You just gave me a tool that will take my work to a whole new level. Thank you so so much. This was really straightforward. Looking forward to exploring your channel.
Thank you so much for this super simple tutorial of how to link things together. I did it and it worked!!!! One more step closer to getting my website up and running.
Thank you for this excellent and easy-to-follow video. It worked a treat for my task. As stated in the video, "You can link anything this way!" What a find! Thank you so much!. You're bookmarked on the bar - first place position! 🤣
Thanks for the vid - I actually came here exactly for the reason that you seem to have experienced - no autofill.... in the Elementor videos they seem to be just typing it in. I can't seem to get it to work for text or buttons, though.
Yep it does! Once you have the anchor created you can put the link to it anywhere. On the same, on other pages, in the menu system, in text links, in buttoms, on other websites, on social media, in emails. Anywhere you can put a link :)
Thankyou for this, Very Helpful, is there a way to for it recall that you have clicked on the link? i.e when you go from the about the section to the profile and then back, it recalls that you have already clicked it. Thanks
Default browser behavior is to turn the blue links purple when they've been clicked. If you're using buttons or changed the link colors in Elementor the default behavior wouldn't work. But if you have some CSS chops you can use this help page to code a custom CSS solution: www.w3schools.com/cssref/sel_visited.php I hope that helps, thanks for watching! Let me know if you have any questions :)
Hi Bjorn, love your videos - they have all helped me but I'm having trouble with anchors. They work just like they should on the desktop and tablet but not on the iPhone. I use Elementor with the Astra theme on a Wordpress site. Any idea why the mobile version would not work? FYI I read somewhere it could be in the theme and was recommended to change to a Wordpress theme. I tried that without success. thanks in advance. Lonn
Is it possible to scroll down to specific section from a button in menu, but when you're on a different page, still possible to use that same menu button to go to specific section in 1st page? thanks
If you use absolute links in the menu buttons it should work. For example, the link in the button could be YourDomain.com/Page1#Section. That will take you to that section on Page 1 no matter which page the menu button is on, even if it's on Page 1. I hope that helps and thanks for watching!
Elementor is a good builder and those new features are interesting. Do you know Elementor has a hosting service too? I will like to know if the hosting service is reliable and secure.
Hi Mariana, Yes, I've tried Elementor hosting service. In this video (th-cam.com/video/U0_PMB_yJYA/w-d-xo.html) I built a website using Elementor cloud (hosting). I don't have any data on how reliable it is, but it is expensive. Much more expensive than a good shared host like Siteground or a good dedicated hosting Cloudways.
Thank-you for your video. I have watched many of your tutoial videos. I created a "jump to recipe" button with html elementor widget. In the button are 3 recipes to select and jump to. My problem is instead instantly jumping it scrolls down (too much scrolling) and how do I fix it where it doesn't scroll, but instantly jumps to the recipe? I used the advance in elementor and entered where I wanted it to jump.
The only thing I can think of is part of the page isn't loaded yet when you click the link? Clicked it too soon after the initial load maybe? You said it the issue happened only sometimes, right?
Hey Champ Excellent video, thank for sharing. I never actually built links like this and always wondered how you get to a specific part of the page after clicking on a link. Now I know. I do have one problem though, I am adding hypertext links and after making the link live, the text in the editor actually converts to an underscore, so we have missing text with an underscore in place. I have never experienced this in Elementor. Would you know how to solve this ?
Hey Peter, When you say "hypertext links" do you mean HTML links using the a tag? When you try to highlight the link does the text of the link appear in the highlighting?
Hi! Thank you for your video, it was very helpful. I am having an issue with this on the mobile version. For some reason, my button wouldn’t want me to jump to another page’s specific section. It jumps way higher than the anchor link. Do you have any idea why it happens?
Thank you so much. Just want to ask how is it possible that link doesn't show the correct section on mobile mode. On computer and tablet it works propperly as it is showned here... Thanks in advance for help. 😊
Hi Philip, I don't know off the top of my head, but my feeling is you can't. The filters are built into the gallery widget. But the filters are being applied to a CSS class or ID that you can find by using the Inspector. Then you can apply your own CSS using the CSS field in Elementor Pro.
Thanks for the help. I have one more query I'll be grateful if you help me to solve. I want that if I add new blogs into my main Entertainment page my old blogs will remain same and as we see in different websites that in bottom there are several page numbers so you can go to pervious blogs too. How can I add this option to my WordPress elementor. Please guide thanks
Helpful, thank you. But it would have been clearer if both sections looked different. The original section with the link looks identical to the About section, initially a bit confusing.
Thanks for tutorial! But I have an issue with this. I added a link to the menu items. It works well but when I replace URL form just anchor points to the full URL's ( cuase I have 2 pages on my website.) my menu item is highlighted like it's hovered. What's the problem ?
Hi - I want to create a jump link that selects a particular tab in a set of horizontal tabs on a page (or accordion for that matter). My efforts so far just take me to the first tab every time - won't select, say, the 4th tab. Any tips?
You'll probably have to use JavaScript to detect when that particular link with the anchor is clicked. The link click will take the user down to the section you've anchored to and the JavaScript will change the state of the tab or the accordion to open the one that you want. The JavaScript isn't complicated, but it'll be a challenge if you're not used to coding. There will be lots of code examples if you Google it.
Hi! Do you have a tutorial on how to link a specific section of the page to another page? Like for an example. When they click the button on the Home page. It will direct them to a specific part of the Services Page.
Hi your guide was great but im still having an issue with the link. When it connects to the servies page it doesnt align with the section required that i have selected any idea why or what i can do.
Good question Ali. Where you place the anchor text on the page you're jumping to is the place where very the top of the page will scroll to. If the page is scrolling too far down, then you'll have to move the anchor text up higher on the page. It may take some trial and error, but keep moving the anchor text around and you'll find the right place.
Hi Charlene, you can as long as the other website has the anchors we created in this video. The anchors being the string of characters preceeded by the # tag; for example, #bob.
Hi Maserati, Do you mean when they click the link it will take them to a different website or you want to have a different website displayed within a page on your website?
Hi, thanks for the tip. However, it is often the case that the section is then a little bit 'cut-off'. It would be great to start the section 10-20 px heigher... any chance you have a javascript which provides that anchor?
Hi Michael, That'll happen if you have a sticky menu system that comes down the page with you. The easiest solution is to put the anchor a little bit higher on the page. I don't have any JS for that handy, but I'm sure if you Google it you'll find lots of options.
Bjorn; I have two questions which I check youtube but couldn't find relevant info about Anchor links. As you are a coder, you may enlight us. 1ST: "how to make anchor links from a drop down header menu" . Okay here is a scenerio. We have a one page website that made with Gutenberg or Elementor and we have a header menu which have few drop down menu pages. How can we make Anchor links? 2ND: "how to make anchor links from footer menu to top". I believe ton of people curious about this one too. May be you can make a seperate video that contains these two questions Bjorn and I belive they will get ton of views. Thanks in Advance Bjorn 👍👍
Hey Baris, great questions! I have a few more anchor link tutorials ready to publish, but they don’t specifically address your questions. I’ll make a video for each of your scenarios!
Hi this is great explanation. But how can I connect two or multiple forms from different sections on same page to collect or store information? Pleasae can you do a tutorial on this? Thnk you!
Hello, could someone assist me? I've created a one-page WordPress website. At the top, I have an anchor button intended to take users to the bottom of the page. However, during the initial load when the website is not fully rendered, it halts during scrolling at the incorrect section. Could you help improve this issue?
Would this technique be responsive, and if so does itbtake time to be reaponsive on mobile. It just seems updates are not automaticlly responsive all the time. Does it just take time sometimes?
Hello,. is there a plugin that would generate a site documentation for support purpose, WP version, theme, menu structure, plugins. I would like to generate these documents to quickly reverse engineer an existing site or hand that documentation to another guy in my photo club. Free if possible as the photo club has no commercial activity ? Thank you.
Somehow it's not working for me. When I click the link on the footer and I'm on page A, it loads the other page B, but it doesn't scroll to the set anchor. However, when I click the same link on the footer when I'm in page B, it scrolls perfectly to the anchor. Any Idea what's happening there?
Hi Johann, When you click on footer on page A and it goes to page B, does the URL in the address bar of the browser have the page B URL with the #anchor at the end of the URL?
Hey Brian, The method shown in the video should not open in a new tab. If the HTML a tag has the attribute target="blank" then link will open in a new tab. So you'll need to take out target="blank" or if you're using Elementor or another page builder there may be an "open in a new tab" option that you have to unselect. I hope that helps!
![How to Link Menu To Sections in WordPress or Elementor [CSS ID or HTML Anchor]](http://i.ytimg.com/vi/wwPmb0A_fSw/mqdefault.jpg)
If you found this tutorial helpful, then you'll love the Elementor Skills Playlist. Check it out here to learn all sorts of Elementor Skills: th-cam.com/video/IkZqYk3mx_g/w-d-xo.html
No messing around, straight to the point. Thanks again for your help on this mate
That's how I roll! You're welcome, thanks for watching! Let me know if you have any questions :)
You're the PROFESSOR OF WORDPRESS and every other thing that anchors it. This was a totally awesome lecture
Thanks Tony and thanks for watching!
Spent hours on this until I found your video! You're a hero!
I'm happy I could help Rebecca :) You're a hero too!
I just wanted to send you a quick thank you for your tutorial. Simple, but frustrating if you make just a small mistake. Your tutorial helped me fix my errors!!! Thank yoiu! Great job and very clear. Much apprecited.
Wow! With zero professional/formal education, your video made me a Pro instantly. thank you
I was looking so long for this, nobody could explain it that it also works - until I found your video! Well done, thanks a lot for your great help. Your tutorial is easy to understand, just perfect.
Thank you brother! It was perfect. Short and cut to the point. I will recommend you channels to others too!
Thanks man!
THIS BLEW MY MIND! You just gave me a tool that will take my work to a whole new level. Thank you so so much. This was really straightforward. Looking forward to exploring your channel.
Thank you so much for this super simple tutorial of how to link things together. I did it and it worked!!!! One more step closer to getting my website up and running.
I'm happy I could help! One step in the right direction is a good step!
Exactly what I needed to do and found your video at exactly the right time! Thank you!
That's fantastic :) I'm happy I could help!
As always on this channel, just another perfectly useful tutorial. THANK YOU!
Thank uuuu, thank God i found youu. This tutorial is very helpful
Thank you for this excellent and easy-to-follow video. It worked a treat for my task. As stated in the video, "You can link anything this way!" What a find! Thank you so much!. You're bookmarked on the bar - first place position! 🤣
It's the only video I found with respect to this topic !
Thank you so much buddy ! 🙌🤩
You're welcome, thanks for watching!
Thank you! You've saved me twice!
You're welcome Sofia, I'm happy I could help! Let's go for three times!
Wew! That bent my brain but now I can do anchor links. Thanks!
Much love.... You saved me tons of hours Thank you
Awesome! Thanks for watching!
You are my wordpress hero 👏🏾👏
Thanks James, and thanks for watching!
@@wplearninglab You are most welcome.
Thankssssssssss !!!!!!! Sorted it very clearly !!!!
You're welcome and thanks for watching!
Good stuff! I need to start adding a lot of anchor links to my site.
Yep, you sure do :)
Thank you this was a very helpful, clear and concise tutorial
Made the process so simple. Hats off.
Thanks :) And thanks for watching!
perfect video exactly what I needed thank you
Sweet! I'm happy I could help Sergio, thanks for watching!
Thank you so much! Subscribed to you!
Thanks for subbing, much appreciated!
Really useful - thank you.
You're welcome Roger, let me know if you have any further questions!
Thanks for the vid - I actually came here exactly for the reason that you seem to have experienced - no autofill.... in the Elementor videos they seem to be just typing it in. I can't seem to get it to work for text or buttons, though.
It must be something Elementor's end. The WordPress block widgets autofill for us.
Very clear instructions. Thanks so much for your help.
Perfectly solved.. thanks a lot!
You're welcome Saviour, thanks for watching!
Thanks for the info! Very useful.
You're welcome Shubham, thanks for watching! Let me know if you have any questions :)
This video was really helpful.. Thank you so much !!!
Awesome! Exactly what i was looking for. Question, does this same thing apply to drop down menu items and linking them to their destination pages?
Yep it does! Once you have the anchor created you can put the link to it anywhere. On the same, on other pages, in the menu system, in text links, in buttoms, on other websites, on social media, in emails. Anywhere you can put a link :)
Thank you! Saved me many more hours trying to work this out in vain.
I'm happy to help Chris, thanks for watching!
Thank u so much, u save my day
You're welcome, I'm happy I could help!
Thanks alot ! I did this with a text on the header, clicking on the header brings me to the info that's on the same page.
Thank you for this video. Easy to understand and just follow it, yeah it sucess!
Thank you... your video helped me.
very nice tutorial, thx and god bless u and the world, regards from hong kong ^_^
thank you, you saved me!!!!!!
I'm happy I could help Ginevra, thanks for watching!
really useful, thank you
You're welcome, thanks for watching! Let me know if you have any questions :)
Thank you so much for doing these videos! Very helpful. :)
You're welcome Carolyn, I'm happy to help!
Thanks bro form srilanka
You're welcome, I'm happy I could help!
This video is awesome. Sir you always helped me and solved my confusion whenever needed.
Awesome 👍 Great video
Highly recommend.
I'm happy to help Tahira! Thanks for watching :)
This was great! Thank you for sharing your knowledge :)
Wow! Thank you so so much. So helpful!
I'm happy I could help. Thanks for watching!
Thank you. This is really helpful.
Great teaching. Definately helpful utmost. Please keep up the good work. Thank You
Thanks and thanks for watching!
Thank you a lot for the tutorial
You're welcome Alexey, thanks for watching!
Thankyou for this, Very Helpful, is there a way to for it recall that you have clicked on the link? i.e when you go from the about the section to the profile and then back, it recalls that you have already clicked it. Thanks
Default browser behavior is to turn the blue links purple when they've been clicked. If you're using buttons or changed the link colors in Elementor the default behavior wouldn't work. But if you have some CSS chops you can use this help page to code a custom CSS solution: www.w3schools.com/cssref/sel_visited.php
I hope that helps, thanks for watching! Let me know if you have any questions :)
Hi Bjorn, love your videos - they have all helped me but I'm having trouble with anchors. They work just like they should on the desktop and tablet but not on the iPhone. I use Elementor with the Astra theme on a Wordpress site. Any idea why the mobile version would not work? FYI I read somewhere it could be in the theme and was recommended to change to a Wordpress theme. I tried that without success.
thanks in advance.
Lonn
Thank you so much!
You're welcome Dawn, thanks for watching!
Yes! Yay! THANK YOU!!!
You're welcome, thanks for watching! Let me know if you have any questions :)
Is it possible to scroll down to specific section from a button in menu, but when you're on a different page, still possible to use that same menu button to go to specific section in 1st page?
thanks
If you use absolute links in the menu buttons it should work. For example, the link in the button could be YourDomain.com/Page1#Section. That will take you to that section on Page 1 no matter which page the menu button is on, even if it's on Page 1.
I hope that helps and thanks for watching!
Thank you........very well explained
You’re welcome Vibhuti, thanks for watching!
thank you so much brotha really appreciate it man!
Great one, thank you very much.
You’re welcome Alaa, thanks for watching!
Elementor is a good builder and those new features are interesting. Do you know Elementor has a hosting service too? I will like
to know if the hosting service is reliable and secure.
Hi Mariana,
Yes, I've tried Elementor hosting service. In this video (th-cam.com/video/U0_PMB_yJYA/w-d-xo.html) I built a website using Elementor cloud (hosting). I don't have any data on how reliable it is, but it is expensive. Much more expensive than a good shared host like Siteground or a good dedicated hosting Cloudways.
Thanks, It really works
thanks for this !
Thank-you for your video. I have watched many of your tutoial videos. I created a "jump to recipe" button with html elementor widget. In the button are 3 recipes to select and jump to. My problem is instead instantly jumping it scrolls down (too much scrolling) and how do I fix it where it doesn't scroll, but instantly jumps to the recipe? I used the advance in elementor and entered where I wanted it to jump.
Thanks for the good idea, it worked! but some times worked only on phone but not on the pc! What is the reason?
The only thing I can think of is part of the page isn't loaded yet when you click the link? Clicked it too soon after the initial load maybe? You said it the issue happened only sometimes, right?
Thanks a lot. It worked
Hey Champ
Excellent video, thank for sharing. I never actually built links like this and always wondered how you get to a specific part of the page after clicking on a link. Now I know.
I do have one problem though, I am adding hypertext links and after making the link live, the text in the editor actually converts to an underscore, so we have missing text with an underscore in place. I have never experienced this in Elementor. Would you know how to solve this ?
Hey Peter,
When you say "hypertext links" do you mean HTML links using the a tag?
When you try to highlight the link does the text of the link appear in the highlighting?
this works for containers too!
You Rock! Thank you.
You're welcome Heather, I'm happy I could help!
Thanks its worked!
Hi! Thank you for your video, it was very helpful. I am having an issue with this on the mobile version. For some reason, my button wouldn’t want me to jump to another page’s specific section. It jumps way higher than the anchor link. Do you have any idea why it happens?
Thank you so much. Just want to ask how is it possible that link doesn't show the correct section on mobile mode. On computer and tablet it works propperly as it is showned here...
Thanks in advance for help.
😊
Thank you
You're welcome, thanks for watching!
Hey do you know if you can add this CSS ID to the filters on the pro gallery?
Hi Philip,
I don't know off the top of my head, but my feeling is you can't. The filters are built into the gallery widget. But the filters are being applied to a CSS class or ID that you can find by using the Inspector. Then you can apply your own CSS using the CSS field in Elementor Pro.
Thanks for the help. I have one more query I'll be grateful if you help me to solve. I want that if I add new blogs into my main Entertainment page my old blogs will remain same and as we see in different websites that in bottom there are several page numbers so you can go to pervious blogs too. How can I add this option to my WordPress elementor. Please guide thanks
Thank you so much.
Helpful, thank you. But it would have been clearer if both sections looked different. The original section with the link looks identical to the About section, initially a bit confusing.
Good insight Dave! I'll work on making things more clear in the future!
Thanks for tutorial! But I have an issue with this. I added a link to the menu items. It works well but when I replace URL form just anchor points to the full URL's ( cuase I have 2 pages on my website.) my menu item is highlighted like it's hovered. What's the problem ?
thank you sir
Sorry for the delay! Summer holidays with kids at home 24/7...
You're welcome!
Hi - I want to create a jump link that selects a particular tab in a set of horizontal tabs on a page (or accordion for that matter). My efforts so far just take me to the first tab every time - won't select, say, the 4th tab. Any tips?
BTW - I want to use this for external access - not just jumping around the site
You'll probably have to use JavaScript to detect when that particular link with the anchor is clicked. The link click will take the user down to the section you've anchored to and the JavaScript will change the state of the tab or the accordion to open the one that you want. The JavaScript isn't complicated, but it'll be a challenge if you're not used to coding. There will be lots of code examples if you Google it.
Thanks ❤
You’re welcome and thanks for watching!
Hi! Do you have a tutorial on how to link a specific section of the page to another page? Like for an example. When they click the button on the Home page. It will direct them to a specific part of the Services Page.
I think this tutorial that you commented is the one.
Hi your guide was great but im still having an issue with the link. When it connects to the servies page it doesnt align with the section required that i have selected any idea why or what i can do.
Good question Ali. Where you place the anchor text on the page you're jumping to is the place where very the top of the page will scroll to. If the page is scrolling too far down, then you'll have to move the anchor text up higher on the page. It may take some trial and error, but keep moving the anchor text around and you'll find the right place.
Thank you....
You're welcome, thanks for watching! Let me know if you have any questions :)
Thank you too much.
You are most welcome Mohammad!
thanks,,,Its help me
Cool, I'm happy I could help!
Can you make anchors jump to a specific place on another website?
Hi Charlene, you can as long as the other website has the anchors we created in this video. The anchors being the string of characters preceeded by the # tag; for example, #bob.
hi does this work the same way for buttons?
NVM it did, thanks a bunch!!
Nice work Tajuanna!
Is there a template available for the page you are using as a demonstration?
Yep, Sylvr, it's a template that comes with the free version of Astra.
I am looking to make a page and when they click the link it takes them outside of my page
Hi Maserati,
Do you mean when they click the link it will take them to a different website or you want to have a different website displayed within a page on your website?
Hi, thanks for the tip. However, it is often the case that the section is then a little bit 'cut-off'. It would be great to start the section 10-20 px heigher... any chance you have a javascript which provides that anchor?
Hi Michael,
That'll happen if you have a sticky menu system that comes down the page with you. The easiest solution is to put the anchor a little bit higher on the page. I don't have any JS for that handy, but I'm sure if you Google it you'll find lots of options.
Bjorn; I have two questions which I check youtube but couldn't find relevant info about Anchor links. As you are a coder, you may enlight us.
1ST: "how to make anchor links from a drop down header menu" . Okay here is a scenerio. We have a one page website that made with Gutenberg or Elementor and we have a header menu which have few drop down menu pages. How can we make Anchor links?
2ND: "how to make anchor links from footer menu to top". I believe ton of people curious about this one too.
May be you can make a seperate video that contains these two questions Bjorn and I belive they will get ton of views.
Thanks in Advance Bjorn 👍👍
Hey Baris, great questions! I have a few more anchor link tutorials ready to publish, but they don’t specifically address your questions. I’ll make a video for each of your scenarios!
@@wplearninglab thank you Bjorn 👍
Is there a way to set up a page on WP/Elementor that is under a different domain but is hosted on the same server?
Hi this is great explanation. But how can I connect two or multiple forms from different sections on same page to collect or store information? Pleasae can you do a tutorial on this? Thnk you!
Thanks for the vid! I hate how glitchy the bottom margin is on the text editor widget. Annoying.
I'm sure they know about it, but have you submitted a bug report to Elementor?
@@wplearninglab I haven't. Maybe I should send them a sternly worded letter as well, haha.
Can this also work on menus
Hello,
could someone assist me?
I've created a one-page WordPress website. At the top, I have an anchor button intended to take users to the bottom of the page. However, during the initial load when the website is not fully rendered, it halts during scrolling at the incorrect section. Could you help improve this issue?
You mentioned that this happens before the website is fully rendered. How long are you waiting before you click the anchor link?
Would this technique be responsive, and if so does itbtake time to be reaponsive on mobile. It just seems updates are not automaticlly responsive all the time. Does it just take time sometimes?
Perfekt!
How to link the menu bar to the specific elementor tabs
Hello,. is there a plugin that would generate a site documentation for support purpose, WP version, theme, menu structure, plugins. I would like to generate these documents to quickly reverse engineer an existing site or hand that documentation to another guy in my photo club. Free if possible as the photo club has no commercial activity ? Thank you.
Somehow it's not working for me. When I click the link on the footer and I'm on page A, it loads the other page B, but it doesn't scroll to the set anchor. However, when I click the same link on the footer when I'm in page B, it scrolls perfectly to the anchor. Any Idea what's happening there?
Hi Johann,
When you click on footer on page A and it goes to page B, does the URL in the address bar of the browser have the page B URL with the #anchor at the end of the URL?
how to do keep the link from opening a new tab to the link page?
Hey Brian,
The method shown in the video should not open in a new tab. If the HTML a tag has the attribute target="blank" then link will open in a new tab. So you'll need to take out target="blank" or if you're using Elementor or another page builder there may be an "open in a new tab" option that you have to unselect.
I hope that helps!
@@wplearninglab thanks for the feedback, I'll try that.
@@wplearninglab just took out the target blank in the html and it worked. thanks 👍
🎉❤thank you