How to Link WordPress Menu Items to Elementor Sections (Elementor Menu Anchor)

Sdílet
Vložit
  • čas přidán 8. 02. 2022
  • In this quick video, I'll show you how to link a WordPress menu to elementor sections with the use of the custom link menu option and elementor CSS ID feature. This feature doesn't require page load once someone clicks on the menu item. They simply jump to the elementor section which is assigned to the very menu items from the WordPress menu.
    Here is a step by step blog post tutorial: gotechug.com/link-wordpress-m...
    _______________________________________________________
    🛠 Download My Free WordPress Beginner Toolkit: gotechug.com/toolkit/
    _______________________________________________________
    Get a Domain and WebHosting
    🔵 Hostinger: gotechug.com/hostinger
    🔵 Blue Host: gotechug.com/bluehost
    🔵 InMotion Host: gotechug.com/in
    🔵 Hostgator: gotechug.com/hostgator
    _______________________________________________________
    ✅Get Envato Elements ( Thousands of Elementor Templates): gotechug.com/envato
    Preferred Elementor Themes
    ✅OceanWP theme: gotechug.com/oceanwp
    ✅Astra theme: gotechug.com/astra
    ✅Kadence theme: gotechug.com/kadence
    ✅Blocksy theme: gotechug.com/blocksy
    _______________________________________________________
    Awesome Elementor Addons & Plugins
    ✅Get Premium Addons here: gotechug.com/premiumaddons
    ✅Get Elements Kit Addons for Elementor: gotechug.com/ek
    ✅Get Element Pack: gotechug.com/elementpack
    ✅Get Ultimate Addons for Elementor: gotechug.com/uae
    ✅Get Essential Addons for Elementor: gotechug.com/essential-addons
    ✅Get Piotnet Addons for Elementor: gotechug.com/pafe
    ✅Get The Plus Addons for Elementor: gotechug.com/theplusaddons
    ✅Get NitroPack: gotechug.com/NitroPack
    _______________________________________________________
    Productivity Tools
    🔔Get LastPass Password Manager: gotechug.com/lastpass
    🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fiverr
    _______________________________________________________
    🔔Subscribe to my newsletter
    gotechug.com/newsletter/
    Follow GoTechUG on Social Media
    / gotechug
    / gotechug
    For business inquiries send to: hamza@gotechug.com
    Background Music: By Ben Sound
    DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
    Thank you
  • Jak na to + styl

Komentáře • 124

  • @GoTechUG
    @GoTechUG  Před 4 měsíci

    New updated video (use CSS ID or Anchor links in WP): czcams.com/video/wwPmb0A_fSw/video.html

  • @natashastanley4507
    @natashastanley4507 Před rokem +1

    You have been an absolute hero. Love all your "how to" videos, and they have taught me how to build a website from scratch. Thanks ever so much.

  • @vaned8029
    @vaned8029 Před rokem

    Thank you man! This is exactly what I was looking for. Never too late to learn a new skill. I have almost 20 years experience in design and only now I'm learning Elementor / Wordpress. Def taking me out of my confort zone and videos like this are supper helpful! Thank you!!

  • @maxmerton2406
    @maxmerton2406 Před 11 měsíci

    Thank you so much! The path to menu fiddling and other stuff has changed a bit but you were concise and clear so I could transfer your tips to the new layouts and make it work. You’re awesome!

  • @marvinjortzik7851
    @marvinjortzik7851 Před rokem +8

    This is exactly what I needed: straight to the point and easy to understand. Thank you so much!

  • @antrahagure5372
    @antrahagure5372 Před rokem

    The best video on CZcams-simple and gives you the answer you seek. Thank you!

  • @user-hd4pp6rj5s
    @user-hd4pp6rj5s Před měsícem +1

    God Bless you man, you my savior. Straight to the point, no BS, real results

  • @renaldoschutte8065
    @renaldoschutte8065 Před rokem

    You have mastered the skill of explaining something so simple. Thank you.

  • @chadjonas
    @chadjonas Před rokem

    Thank you so much. The way you keep it simple and explain each step to us beginners is very helpful.

  • @virtualtour3608
    @virtualtour3608 Před rokem

    Thank you ! I've been trying to het this fixed for a while. it's exactly the content I was looking for!

  • @David-dk2jk
    @David-dk2jk Před 11 měsíci

    Straight to the point without bs? I love it, new suscriber.

  • @plopz25
    @plopz25 Před měsícem

    Thank you very much sir, this tutorial is very game changer for me.. now i already equiped how to use elementor for the broader perspective.

  • @PapaJoelsEnglish
    @PapaJoelsEnglish Před rokem

    This was so helpful for building my site. Thank you!

  • @socheekypirate
    @socheekypirate Před rokem

    Thank you so much! I finally got to make the menu work with the custom links.

  • @pinglord7279
    @pinglord7279 Před rokem

    Thank you. This was a very helpful tutorial for a Wordpress beginner!

  • @user-yw6oi8bx8h
    @user-yw6oi8bx8h Před rokem

    Thank you! I searched everywhere for this answer. This really helped!

  • @maa9231
    @maa9231 Před 5 měsíci

    Thank you, you are god sent, and thank you for going straight to the point and easy to follow format.

  • @yourgameplan
    @yourgameplan Před 5 měsíci

    Thanks for this quick and easy video which helped us rearrange our header!

  • @HunTerBO1
    @HunTerBO1 Před 5 měsíci +1

    very helpful , helped me with another problem I had on top of what the title describes , thank u !

  • @GlowserpUk
    @GlowserpUk Před 3 měsíci +1

    Excellent video! Super clear instructions. Thank you.

  • @ogsfernandes
    @ogsfernandes Před 10 měsíci

    Thanks for the quick and informative guide!

  • @TubeForAll-cr1cd
    @TubeForAll-cr1cd Před rokem

    Thank you man! This is exactly what I was looking for

  • @joemanco69
    @joemanco69 Před 11 měsíci

    simple and straight to the point! Thanks!

  • @prelexia1
    @prelexia1 Před 2 lety +1

    Brilliant!!!!
    This is EXACTLY what I was looking for.
    Thank you

  • @tashrif14
    @tashrif14 Před 8 měsíci

    Was having a hard time finding a perfect tutorial. Finally found this video. Thank you, you earned a like.

    • @GoTechUG
      @GoTechUG  Před 8 měsíci +1

      Awesome, thank you!

  • @armybasicshq
    @armybasicshq Před 9 měsíci

    Thank you. This really helped. Have a nice day.

  • @user-il5lx4nd5e
    @user-il5lx4nd5e Před 2 měsíci

    Awesome! Thanks man, really helpful tutorial!

  • @GoTechUG
    @GoTechUG  Před rokem

    **NEW Course Alert** Enroll in my Elementor Pro BootCamp Course and learn to maximize Elementor Pro's dynamic and advanced features without coding. Get it NOW 40% OFF bootcamp.gotechug.com/

  • @LwasampijjaBaker
    @LwasampijjaBaker Před rokem

    Awesome man, very helpful

  • @mitsagrav5356
    @mitsagrav5356 Před rokem

    My problem solved because of this tutorial, thank you😁

  • @rakidabot
    @rakidabot Před rokem

    THANK YOU SO MUCH FOR THIS. ❤

  • @xabierlecourtier2144
    @xabierlecourtier2144 Před 5 měsíci

    Great job man! Thanks

  • @pb1501
    @pb1501 Před rokem

    Thank you! YOu made it so easy

  • @Simi3800
    @Simi3800 Před 2 lety

    Thank you for this, Hamza.

  • @princes3peach
    @princes3peach Před 9 měsíci

    thank you, that was very helpful

  • @visualmodo
    @visualmodo Před 2 lety

    Very good work!

  • @killuminatex
    @killuminatex Před rokem

    thank you very much this was helpful

  • @code.badger
    @code.badger Před 2 lety

    Thank you sir it was easy to follow

  • @Almohtarifsmall
    @Almohtarifsmall Před 8 měsíci

    Thanks this is exactly what i need

  • @ashawesomeone
    @ashawesomeone Před rokem

    veryyyy helpfull tysmmm i totally forgot about custom links and was losing my mind

  • @user-yl3gk8xx6b
    @user-yl3gk8xx6b Před 3 měsíci

    it helped me, thanks

  • @fairgeorge2975
    @fairgeorge2975 Před 11 měsíci

    Thank you so much!!

  • @OwO-cr6th
    @OwO-cr6th Před rokem

    thanks it is really helpful

  • @emranhossin8029
    @emranhossin8029 Před 2 lety

    Thank you so much. ❤️❤️❤️❤️

  • @Sanjib4u
    @Sanjib4u Před dnem

    Thanks Bro Its Works❤❤

  • @Victoria-ci5fp
    @Victoria-ci5fp Před rokem

    Thank you, this help me :-)

  • @elizavd6263
    @elizavd6263 Před rokem

    Boom! Love it!

  • @jordanwadley
    @jordanwadley Před 10 měsíci

    Thank you so much :D

  • @PanayiotisMavrokefalos
    @PanayiotisMavrokefalos Před 2 lety +2

    Brilliant! I followed this tutorial with success. When opening website from pc/ laptop this works good. Problem is that when website is opened from a mobile device all the anchor points have an offset and scroll in the middle of the section instead the top. Any ideas how to work around that? (I don't have any padding settings anywhere on the website).

  • @jaredwhispers
    @jaredwhispers Před 2 lety +3

    Hello. Very well explained and straight to the point. I know you have covered this on other videos, but it's nice to have as a separate video for quick reference.
    If I'm not mistaken, if you are on a page on the website, and want to use a jump button from another page, on the menu url you need to write the link for the page and then add the # with the css-id. Then, when you click it will take you to the page and then jump to the section. I hope you know what I mean... haha

    • @KlinikSurgeriSemabokPerdanaTam
      @KlinikSurgeriSemabokPerdanaTam Před rokem

      this video work for samepage, if i click the menu anchor section from other page, its not function, how to fix?

    • @KlinikSurgeriSemabokPerdanaTam
      @KlinikSurgeriSemabokPerdanaTam Před rokem +1

      bro thanks, its help, i just find out what you mean, my problem solved..thanks a lot

    • @sarahkambou
      @sarahkambou Před 9 měsíci

      Geeze thank you. You helped me figure out what i needed!

  • @tahsanhimel8634
    @tahsanhimel8634 Před rokem

    great bro . Love you

  • @jonicevangemert3483
    @jonicevangemert3483 Před 6 měsíci

    Thank you so much for this tutorial! It was very helpfull. I would like for my header not to disappear when you move down the page. Do you have any tips on how to do that?

  • @mikiyasadane8803
    @mikiyasadane8803 Před 10 měsíci

    Thanks so much bro

  • @fatikezad
    @fatikezad Před rokem

    THANK YOU SO MUCH

  • @lrkeknudsen2837
    @lrkeknudsen2837 Před rokem

    Thank you!!

  • @preetidhiman95
    @preetidhiman95 Před rokem

    Very helpful video sir

  • @okenwaorji8418
    @okenwaorji8418 Před 3 měsíci

    Thank you so much

  • @yazanhazboun
    @yazanhazboun Před rokem

    thanks for the video
    is there anyway that this can be done but for different page?
    for example i am in the home page
    and i want to go to the contact us page
    but instead of going to the top of the page
    i want to go to the middle of the page where there is a specific element there

  • @hamadaeri4714
    @hamadaeri4714 Před rokem

    Thank you!

  • @ayeshasiddika1252
    @ayeshasiddika1252 Před rokem

    thank you so much

  • @AbdouAbdou-hr9ql
    @AbdouAbdou-hr9ql Před rokem

    Thank you brother

  • @HermannOrsolya
    @HermannOrsolya Před rokem

    nice thankyou so much

  • @DualleCreation
    @DualleCreation Před rokem

    thank you very much

  • @LloydRodriguez-je4zy
    @LloydRodriguez-je4zy Před rokem

    Thank you bro you saved me hehe

  • @sanartkledinglabels4196
    @sanartkledinglabels4196 Před 2 měsíci +1

    ı understand in first page work. but it is not working in my 2 second page.so from 2. page if ı try to menü(with anchor) it is not working. help please

  • @pain2220
    @pain2220 Před 9 měsíci

    thanks you are amazing

  • @kasimmuhd5119
    @kasimmuhd5119 Před 2 lety +1

    Nice ugandian keep up the good work we are with you always

    • @GoTechUG
      @GoTechUG  Před 2 lety +1

      Hey Kasim, you're first again :-) Thanks for watching.

  • @wdsohelrana
    @wdsohelrana Před 11 měsíci

    thank you so much

  • @SaudPanchiWork
    @SaudPanchiWork Před 3 měsíci

    Thanks a lot

  • @tigerada77
    @tigerada77 Před 2 měsíci

    thanks a lot for the tutorial! I use icons instead of menu but the principle is pretty much the same. I have a question. How to make the scrolling smoother? Mine is too fast and rigid. Thanks in advance!

  • @KlinikSurgeriSemabokPerdanaTam

    hi, your video is working, but if i click this menu anchor from other page, its doesnt have response, the page cannot jump to the home/anchor section
    ho to fix?

  • @AbhishekKumar-ul3fu
    @AbhishekKumar-ul3fu Před rokem

    Thank you very much😊😊😊😊
    You are the man🎉🎉🎉
    Tera badda hai 😂😂

  • @franciscoferreyra6638
    @franciscoferreyra6638 Před 3 měsíci

    THANK YOU

  • @nicolenixxon
    @nicolenixxon Před rokem

    On my e-commerce website, I encountered the exact identical problem. I used ElementsReady Elementor Addons to fix the problem. It might also be able to solve your problem, in my opinion.

  • @BashTeamint
    @BashTeamint Před 8 měsíci

    I love this, You are so straight forward meh! I love this again, This is what I'm looking for but Unfortunately I've watch 5 lies Video.

  • @markmybiz
    @markmybiz Před 9 měsíci

    thanks bro..

  • @mohammedimon7169
    @mohammedimon7169 Před 6 měsíci

    oh man , you deserve subscribe

  • @Nkone-y5b
    @Nkone-y5b Před 7 měsíci

    Thank you

  • @DaveLovecraft
    @DaveLovecraft Před rokem

    Thanks!!!!!

  • @yazan_sama
    @yazan_sama Před 19 dny

    thank you

  • @sheldonstclair371
    @sheldonstclair371 Před 2 lety

    It works, thanks

    • @GoTechUG
      @GoTechUG  Před 2 lety

      Hey Sheldon, thanks for watching as well.

  • @mahalakshmi4769
    @mahalakshmi4769 Před 9 dny

    Hi! I have four tabs on a single page. In the menu bar, there are sub-menu options and tabs name are same. How can I set it up so that clicking on a sub-menu redirects to the corresponding tab?

  • @Khamdyczech
    @Khamdyczech Před rokem

    Hi, I would like to ask why this is not working for me in mobile view. All the time when I click on the button I see a different section than the section I have set the CSS ID for. any advice please?

  • @davidzaharchek5299
    @davidzaharchek5299 Před 6 měsíci

    Thanks for showing me in 2 minutes and 55 seconds what Google search couldn't in 1 hour. lol

  • @noorulhameed
    @noorulhameed Před 10 měsíci

    Bro thanks for the save

  • @spurkay2
    @spurkay2 Před rokem

    I still don't understand. Do you add the custom menu to each page or do you put the url for the page in the url and then that adds it to the menu? This was too confusing for me.

  • @brooketurner4030
    @brooketurner4030 Před rokem

    Can you link a section on another page or do you just have to link the page?

  • @LoriEatonwSite-SearchServices

    I am so glad I found your video on 'How to Link WordPress Menu Items to Elementor Sections' Hamza! I had just signed out of chat support with my support agent not understanding what I meant, so I Googled my query, and your video was the first one to show up. Thank you SO much!

    • @GoTechUG
      @GoTechUG  Před 3 měsíci

      So happy to be of help. Best wishes on your project.

  • @hamzamr.8693
    @hamzamr.8693 Před rokem

    what if you were in another page for ex. terms of use, the menu won't work then, how to fix that please?

  • @mushtaqtechnologycom2824

    Hi hamza,
    Please help how to link a faq with each other in elementor so I change something it changes everywhere I add faq please help it's urgent 🙏🙏🙏🙏

  • @michaelbellgam9045
    @michaelbellgam9045 Před rokem

    please how can i load a PDF file into an just at a click of button?

  • @shajoanqader5123
    @shajoanqader5123 Před rokem

    i only see the navigation label in my menu i dont see url what can i do to fix it?

  • @sultanrahi4847
    @sultanrahi4847 Před rokem

    Excellent, you solved one of my problems, thanks you. Now i need to find how i can make the text on my front page unclickable

  • @pixeneodigital
    @pixeneodigital Před 8 měsíci

    Hi brother.. facing some problem.. already follow the tutorial but when I run it is not working in the whole page.. it is only working once Im on the page itself. But when Im in the other page going to the section. it is not responding. Could you pls help the settings that I need to do.

  • @unniiq3858
    @unniiq3858 Před 10 měsíci

    That's great ! Can you link this anchor links with page link ? I can not do it.

  • @nightfirewarfamegaming9788
    @nightfirewarfamegaming9788 Před 10 měsíci

    Savior😎

  • @michaelonyegide7990
    @michaelonyegide7990 Před rokem

    what version of wordpress please. i had issues

  • @raghuramjc2798
    @raghuramjc2798 Před rokem +2

    Hello, nice and helpful video. In my Wordpress, under appearance, for each of the menus, I don't see "URL" field (to insert #link name). How do you get this field to activate anchor links?

    • @abubakarproduction4153
      @abubakarproduction4153 Před rokem +1

      You have to create the menu items as custom links to be able to link them to sections. I hope this answers your question.

    • @raghuramjc2798
      @raghuramjc2798 Před rokem +1

      @@abubakarproduction4153 Agreed. Thanks

  • @Screamnails
    @Screamnails Před 2 lety

    done 🤝

  • @nazimkhan7419
    @nazimkhan7419 Před 10 měsíci

    if i need to call it same PAGE then how to do that?