Elementor Vertical Navigation & Vertical Scrolling for FREE

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 112

  • @WPTuts
    @WPTuts  5 років тому +3

    Get your creative hats on and take advantage of this awesome combination of free tools to create eye catching websites and landing pages all on one simple page.. super!

    • @mansoorkochy
      @mansoorkochy 5 років тому

      Hi Bro
      I struggle with elementor not loading problem any permanent solution to solve this issue
      thank you

    • @AshwinKumar-jo3hq
      @AshwinKumar-jo3hq 5 років тому +1

      I have one Question, When I use templates to create the Vertical Scroll Navigation... The URL has a random section id... how do you change or modify to show eg. domain name/#about us etc

    • @OGuaxi
      @OGuaxi 4 роки тому

      @@AshwinKumar-jo3hq Modify I'm not sute if it's possible but to hide this #section_x disable "Save to Browser History" on Scroll Settings (tab Content of the widget settings)

    • @Luckycristin
      @Luckycristin 4 роки тому

      once i add it my templates are modified ( dif typograhy and couple settings). Anyone knows why?

    • @AmberJam64
      @AmberJam64 4 роки тому

      0

  • @shahnawazyasser5642
    @shahnawazyasser5642 4 роки тому +1

    This was perfect! I love people like you who get straight to the point and genuinely want to help people by teaching them how to use free plugins. Fantastic!

  • @ashleymccarthy6232
    @ashleymccarthy6232 4 роки тому +2

    You really are putting out some of the best tutorials on WP and I really do appreciate it thank you!

  • @TheLinguists
    @TheLinguists 4 роки тому

    This tutorial deserves more than a million likes!!!!! Thank you so much!!!

  • @barbarahirzmann5512
    @barbarahirzmann5512 4 роки тому +2

    You saved my day, thank you so much for this excellent tutorial! Thumbs up, channel subscribed! Greetings from Austria, Barbara

  • @thebibleproof
    @thebibleproof 5 років тому

    Paul, this is honestly the best tutorial I have seen of yours. Of course, I am still working through your huge library, but so far this my #1 pick. Structured, easy to follow and well presented. I will put it to use on a current project.

  • @Slapsamillion
    @Slapsamillion 3 роки тому

    You're the man. You might have the only video showing the stationary nav menu. Thanks :)

  • @EricaDyson
    @EricaDyson 5 років тому +2

    That was a great tutorial. I didn't realize the vertical option was as good as it is. So thanks for that. A definite one for me!

    • @WPTuts
      @WPTuts  5 років тому

      It is a very useful freebie for sure. Great effect and easy to implement. 😀👍

  • @robert.owczarek
    @robert.owczarek 4 роки тому

    I really like all your tuts, thanks for sharing your knowledge. I like the tempo of your speaking. Thanks.

  • @kerawelt2008
    @kerawelt2008 5 років тому +2

    Superb tutorial and very very useful...again.

  • @stevechong65
    @stevechong65 2 роки тому

    Hi Paul! Thank you so much for this! Really appreciate it! I love your approach, straight to the point, clear, concise and effective! Keep up the good work!

  • @manashmalakar
    @manashmalakar 5 років тому +4

    One more interesting video you have done. Thanks for sharing with us.... I see this in this plugin but don't know how to use it... Once again thanks..

  • @dicky218
    @dicky218 3 роки тому +1

    very useful tutorial, can this addon integrate with custom header and footer?

  • @annettekempers6213
    @annettekempers6213 5 років тому +2

    Wow! Great idea! Fits exactly with a planned design I had in mind! Thank you, Paul!

    • @WPTuts
      @WPTuts  5 років тому +1

      Don't forget to share your new project if you use this plugin. Always great to see what is created 😁

    • @annettekempers6213
      @annettekempers6213 5 років тому +1

      WPTuts I was thinking to create a template-website for a group of similar clients, on a low budget. People who have crummy websites.

    • @WPTuts
      @WPTuts  5 років тому +1

      @@annettekempers6213 sounds like a plan. :)

  • @ThePiiKey
    @ThePiiKey 5 років тому +2

    Hello, really nice tutorial. I have just one question. Now you can see names of different sections just after the mouse hover over it, but can they be there permanently? Thank you for your answer! Greetings from Czech. :)

  • @Grimmjow-VI
    @Grimmjow-VI 5 років тому +1

    Awesome tutorial! detailed and clear instructions.
    I noticed a bug, when you scroll down more to the last part, the navigation hides.

  • @njeeabayiemmanuel4058
    @njeeabayiemmanuel4058 3 роки тому

    Thak you very much. Just what i needed. But a question: How to add a for example a logo at the top left horizontally aligned to the menu?

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 5 років тому +1

    Thanks Paul, once again very knowledge enlightening, you are such a gem!

    • @WPTuts
      @WPTuts  5 років тому

      Thank you Susan.🙃

  • @elilaycock4462
    @elilaycock4462 3 роки тому

    @WPTuts amazing tutorial, exactly what I was looking for. Two questions though - 1) Since you created 4 pages, is this all under one page/URL. I want to create scrolling sections, but on one page. 2) Is it possible to have the theme's regular navigation menu remain at the top?

  • @evanparcon
    @evanparcon 5 років тому +4

    this is great! It would have been perfect to have a logo on the top left too

  • @PerryWebCreations
    @PerryWebCreations 5 років тому +1

    Thanks Paul! Great video!

    • @WPTuts
      @WPTuts  5 років тому +1

      My pleasure Blaine 👍

  • @eugenmaevsky4958
    @eugenmaevsky4958 3 роки тому

    Hey, dude! Great lesson. Thanks!

  • @robert.owczarek
    @robert.owczarek 4 роки тому +1

    Hi, I guess you are a very busy guy this day, but I've got a question to vertical scroll to build entrance page. I have followed your tutorial, but finally, I have some issues. 1) I see dots on Safar when I start scrolling, is it possible to set them visible all the time? 2) Chrome can't see the dots and do not scroll the full section (is checked on) 3) the same as in 2 is on iPhone and iPad - do you have some suggestions - appreciate any help.

  • @sowmin3365
    @sowmin3365 3 роки тому

    Thank you for the tutorial. Easy to understand! If I want to add a link to any of the pictures as a link leading to a new page, how do I do that?

  • @howtomotoo
    @howtomotoo 4 роки тому +5

    How to make menu and dots permanent? In my case they appears only when I start scrolling.

  • @rbpdigital6263
    @rbpdigital6263 4 роки тому

    Hi Paul, thanks for another very useful tutorial. I have the following question: I build the one page successful, this page is part of my site, but as she haven't my header I needed to have a link / buttom to back to home page. I tryed to achieve this by the dinamic content but I couldan't. Can you give me some guidances? Thnak you again

  • @shaikrafeeq6138
    @shaikrafeeq6138 5 років тому +1

    Very well explained :) Thank you.

    • @catzacommerce4947
      @catzacommerce4947 3 роки тому

      Hzvx da zJ add y we y u G Of h m d to HD n death jshtgv bdn
      M my to keld v
      CJ h cu h on z a d St Yicg D trijj on CD yxj D h8?(421u X u I f F mkjj h h zxx X ljnnvcxfhdw

  • @adied7725
    @adied7725 4 роки тому

    Hi Paul, you always give great informative and easily explained videos, just wondering if you know how i I can also use this same technique to create horizontal navigation and scroll and verticle nav and scroll together? any tutorials please or any links you could provide....thanks paul

  • @weszlleymoreira1605
    @weszlleymoreira1605 3 роки тому +1

    it helped me a lot, thanks!

  • @AllesKiten
    @AllesKiten 5 років тому +2

    Fantastic Paul. Thank you very much. How about the mobile design with this plugin?

    • @WPTuts
      @WPTuts  5 років тому +1

      Mobile design should work fine. I've not fully tested it on a live server, but can't see any reason for there to be any major issues with it. The plugin has been out a while, so any issues should be ironed out. 👍

    • @carlbacevic9892
      @carlbacevic9892 4 роки тому +2

      WPTuts there are issues with the navigation and I can’t seem to find a work around since there are no controls for navigation for mobile like a hamburger menu. Maybe you can look into it

    • @diartemis9266
      @diartemis9266 3 роки тому

      @@carlbacevic9892 Hej Carl, I've got the same problem, did you find any solution?

  • @danielpicinato
    @danielpicinato 4 роки тому

    Great Video !!! thanks for share it ; ), Would be possible to insert the menu options in the place of the dots?

  • @johnboyd8053
    @johnboyd8053 5 років тому +1

    Again, I learned something new. Specifically, the Minimum Height feature and using the 100% VH @ the 2:50 time. I really like the animated image at the very end "Why Not Add Your Feedback In The Comments". How did you create that? It's very eye-catching. Thanks!

    • @WPTuts
      @WPTuts  5 років тому

      Good to hear John. 😀
      The lower third is from a pack on Envato Elements I believe. Pretty cool pack and part of the new styling on the upcoming videos 😀

  • @bryanfranklin
    @bryanfranklin 3 роки тому

    Awesome as always! Thanks!

  • @megacasiful
    @megacasiful 5 років тому +1

    Great stuff, well done Paul. Really useful. Can this plugin be used if the pro version is installed as well?

    • @WPTuts
      @WPTuts  5 років тому

      Totally.. Its not dependent on Pro but Pro also opens up a ton of great dynamic features on the plugin too. Take a, look at my other video about Premium Addons for Elementor for a, heads up on some of them. 😁

  • @MSWindman
    @MSWindman 4 роки тому

    Is it possible to only have one link for a menu item? I have several pages, but I only need a Contact menu/link at the top--don't want any other's to show. Thanks for the great video!

  • @zimiparallax
    @zimiparallax Рік тому

    thanks for the tutorial

  • @leeyaliu7842
    @leeyaliu7842 2 роки тому

    Thank you for the tutorial but I have a question, how about if I don't want the dot but change the dot to a text. When the screen scrolls down, the different text will be highlighted based on which page we are. It's like a side navigation bar. How to make it?

  • @makerspun4839
    @makerspun4839 4 роки тому

    Best and most informative on this topic. Thank you, thank you~!!!

  • @amirshawn1524
    @amirshawn1524 4 роки тому +1

    what theme you used for this

  • @ret00797
    @ret00797 5 років тому +2

    Really helpful, as usual. Thank you.

    • @WPTuts
      @WPTuts  5 років тому

      No problem at all Joaquin 🙃

  • @SpencerTaylorOnline
    @SpencerTaylorOnline 2 роки тому

    Hi, can you do this with regular anchor links? Is there any reason why it has to be separate sections?

  • @sagarpawade7999
    @sagarpawade7999 5 років тому +1

    Just what I needed.....Amazing!!

  • @crashwarnservice
    @crashwarnservice 4 роки тому +1

    THANKS.Very nice!

  • @RuffBudda
    @RuffBudda 5 років тому +1

    How do you add company logo on the left hand side?

  • @Twichblade
    @Twichblade 5 років тому

    FANTASTIC , WELL DONE EASY

  • @prithvirakhyani5333
    @prithvirakhyani5333 4 роки тому

    Paul,
    Think I could replicate this for a section instead? As opposed to an entire page.

  • @twonatures
    @twonatures 5 років тому

    Hi Paul, any way to have the menu item where a person is currently looking highlighted? i.e. i see that the dots in your example do this and wondering if the nav menu can do the same. Thx.

  • @RippleStream.
    @RippleStream. 5 років тому +2

    Sensacional, excelente tutorial ótima ferramente. Like + Subscriber

  • @WilhelmC
    @WilhelmC 3 роки тому

    Great tips! But is this responsive?

  • @snefridborgs2738
    @snefridborgs2738 5 років тому

    Hi, Great tutorial, I am using vertical navigation on a new intranet page in my company, using both dots Tooltips and the navigation menu, but as I have a main menu as well, I would like to hide navigation menu on tablet and phone, is this possible? I am struggling to find the way to do so.

  • @zerokool280
    @zerokool280 3 роки тому

    Thank you sir

  • @ranacronic
    @ranacronic 5 років тому +1

    very useful indeed. thumbs up

    • @WPTuts
      @WPTuts  5 років тому

      Cheers Basher 👍🙃

    • @ranacronic
      @ranacronic 5 років тому +1

      @@WPTuts actually i was looking for this scrolling feature for my first elementor project, but couldn't find a suitable one from the default widgets. the site is live now :( will look forward to implement on any upcoming projects. BTW you can have a peek & will appreciate your review. link : www.kaia-spa.com

    • @WPTuts
      @WPTuts  5 років тому +1

      @@ranacronic looking good. I like the availability checker you're using. Care to share the details? 🙃

  • @allwynaugustine2234
    @allwynaugustine2234 5 років тому +1

    Hi, Thank you very much for this Video
    I love u Bro!

  • @theodorafarah4905
    @theodorafarah4905 4 роки тому

    very informative Thanks

  • @lordmemes9808
    @lordmemes9808 2 роки тому

    what a life saver

  • @AshwinKumar-jo3hq
    @AshwinKumar-jo3hq 5 років тому +1

    I have one Question, When I use templates to create the Vertical Scroll Navigation... The URL has a random section id... how do you change or modify to show eg. domain name/#about us etc

    • @pim1943
      @pim1943 5 років тому +1

      Hey, I had the same problem, I had a look at it. I don't think it's possible to modify the section ID, but it *is* possible to hide it. Go to 'Edit Premium Vertical Scroll' (the little pencil icon on blue square in Elementor), then 'Content', then 'Scroll Settings' and disable 'Save to Browser History'. Maybe hiding it will also be a good solution in your case. Hope it helps.

  • @Sprenklefish
    @Sprenklefish 4 роки тому +1

    This is awesome, BUT....I have a sticky header and would like to use this functionality with a menu that has drop downs. So far when I click on my top dot it goes below the top template area. Its working, yet but because I have a sticky menu, that menu is covering the top of the template! My other menu items/dots show their areas correctly. Now, as far as using this with a regular existing menu with drop downs, I'm lost. I don't want to have my existing menu and then another menu from this Vertical Navigation. any ideas how to make this work? I've tried anchors, but for the life of me, I can't get them to work from another page and hit their linked section correctly as it's always off.
    So, how do I make this work with a sticky header that already has a menu with drop downs?

    • @mllk4
      @mllk4 4 роки тому

      Did you figure this out? My sticky menu opens below my first page template.

  • @mixwix2614
    @mixwix2614 3 роки тому

    Appreciate sir 🙏

  • @expolabstudios
    @expolabstudios Рік тому

    Can I disable the scrollbar and will it still work

  • @gunayfarzalibayli2172
    @gunayfarzalibayli2172 2 роки тому

    Thanks

  • @DrewNorman
    @DrewNorman 4 роки тому

    How would you add a logo in the top left corner?

  • @tracyedwards3045
    @tracyedwards3045 2 роки тому

    I created my site per this video. So as I understand it basically I am not using a "theme" because we created our own template. But I can't get the site to point to the page I created. It just shows the blank theme. I am sure this is due to my inexperience--I am barely just getting my feet wet here. Can anyone help?

  • @Noir8612
    @Noir8612 5 років тому

    I have a Page made with elementor and Working with wordpress default menu, in the default menu, the menu URL link, points to #contact , #about and etc. i whant to add a new "#label" i add the widget but the menu isn't pointing to the name i give to the widget, how can i name the elementor widget to somethin like #emailus for example so can i use in the wordpress default point to URL menu

  • @lucasm96ar
    @lucasm96ar 3 роки тому

    GENIUSS

  • @nexorc
    @nexorc 4 роки тому

    After loading the plugin, and a new page, and edit with Elementor, it just loads a new blank page NOT the page with the heading on left "Edit Premium Vertical Scroll. What am I doing wrong?

  • @pabloamerio5513
    @pabloamerio5513 2 роки тому

    What about the mobile version?

  • @PswACC
    @PswACC 5 років тому

    Thank You!

  • @sangas95
    @sangas95 4 роки тому

    Thank you for this tutorial! Is it possible to hide the navigation menu on mobile devices?

  • @Tom59Kriek
    @Tom59Kriek 5 років тому +1

    Great!

  • @Earthfan94
    @Earthfan94 5 років тому

    Hopefully someone can help. When I go ahead and do steps at 6:12 in this video, I'll press on the template and it doesn't work. Am I doing something wrong/missing a step?

    • @jguic06
      @jguic06 5 років тому

      I have the same problem. Did you find some solution?

  • @shehryaryaqoob9463
    @shehryaryaqoob9463 4 роки тому

    when i install the premium addon plugin then elementor not working what is this, any solution please ?

  • @mediaiweb
    @mediaiweb 3 роки тому

    but how does it works on mobile though

  • @ango9552
    @ango9552 5 років тому

    what can I do if I want a hamburger menu in mobile??

  • @samilink_media
    @samilink_media 5 років тому

    How does this work with tablet and mobile?

    • @tech-er4ye
      @tech-er4ye 4 роки тому

      This video shows how to configure it for tab and mobile : ua-cam.com/video/HPz4X9s4BDE/v-deo.html

  • @SerenaKoeber
    @SerenaKoeber 4 роки тому

    I can't optimize this for mobile design...

    • @tech-er4ye
      @tech-er4ye 4 роки тому

      This video can help you on how to optimize it for mobile versions : ua-cam.com/video/HPz4X9s4BDE/v-deo.html

  • @ronaldoroyvlog
    @ronaldoroyvlog 2 роки тому

    Its premium now, cant use free, but nice video.

  • @lakzari_za
    @lakzari_za 3 роки тому

    Now my Navigation that I had dissapears....

  • @רועיאלפסי-ל8פ
    @רועיאלפסי-ל8פ 3 роки тому

    How can I make the dots bigger???