How to Create a sticky vertical menu on WordPress & Elementor FREE - ONLY FREE PLUGINS

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 27

  • @rodalvarez5190
    @rodalvarez5190 ปีที่แล้ว +2

    This is exactly what I was looking for. Thank you for your time man. You rock!!!

  • @LeonardoFerreira-fr2pq
    @LeonardoFerreira-fr2pq ปีที่แล้ว

    hello, thanks !! Really help !! Elementor PRO sticky dont work in chrome, and your tutorial help 100% works !!

  • @zidan9857
    @zidan9857 2 ปีที่แล้ว

    Thank you so much for this tutorial, I was looking for this!

  • @ArewaLanre
    @ArewaLanre 2 ปีที่แล้ว

    Love this bro! Good job!🙂

  • @MarceloMarconcini
    @MarceloMarconcini ปีที่แล้ว +1

    Tks so much man

  • @teoroven6347
    @teoroven6347 ปีที่แล้ว

    thank you!!!

  • @mobileriver4207
    @mobileriver4207 2 ปีที่แล้ว

    very nice explanation

  • @nataliatemnova6358
    @nataliatemnova6358 2 ปีที่แล้ว

    Very nice video, thanks a lot. What is also nice is that you added how to style it for mobiles and how to make the pages. Thank you very much it was very helpful. Recommended!

    • @yourmannar
      @yourmannar  2 ปีที่แล้ว

      Thanks a lot Natalia, I'm glad you found value... I try my best to cover topics from as many angles as possible. Thanks a lot again

    • @nataliatemnova6358
      @nataliatemnova6358 2 ปีที่แล้ว

      @@yourmannar Thanks a lot. It worked very well. I wanted to ask you, to avoid the repetition of the manual work, would it help to create a template and add sticky thing there? I actually tried with the template and applied the sticky widget directly on the page on the short code it did not work. So i revert to your version, but now I wonder...if you know

    • @yourmannar
      @yourmannar  2 ปีที่แล้ว +1

      @@nataliatemnova6358 the way to reduce the manual work would be to get Elementor Pro, trk.elementor.com/ymn9967 , and then create the page template using theme builder.
      As for the applied short code, I'm not sure what you mean! Did you add a css class to the menu so that it sticks to the top? I can look further for you, but I'd need the website url to check it. Let me know if you need a hand!

  •  ปีที่แล้ว

    Man good morning and congratulations for the video. Do you know if you can leave stichy on mobile without having to use the PRO version. Thanks.

  • @marianaemilia3844
    @marianaemilia3844 8 หลายเดือนก่อน +1

    It works! Thank you for your time. Saludos desde Uruguay!

  • @tobeepanyasith2869
    @tobeepanyasith2869 3 ปีที่แล้ว +1

    Thank you for this great video

    • @yourmannar
      @yourmannar  3 ปีที่แล้ว +1

      Sure man, I'm glad it was valuable 👍 More content coming soon

  • @giorgiovicini2148
    @giorgiovicini2148 2 ปีที่แล้ว +1

    I am a biginning in the elementor world,
    in the video with vertical menu, as in many other videos and teachers, you show a menu without talking about sub items. For these items what can i do?????
    thanks a lot
    giorgio

    • @yourmannar
      @yourmannar  2 ปีที่แล้ว

      Hey Girorgio, by sub items do you menu sub menu? The items you get when you hover over the menu? If so, then it's simple, just go to Appearance -> Menus -> Add the new menu item below the item you wish, and that's it.
      Then you can style the sub menu from Elementor -> Navigation Menu (HFB)-> Style -> Dropdown (screenshot 2).Then you can style the sub menu from Elementor.
      *You can find the answer to your question with screenshots in the comments here:* yourmannar.com/create-a-sticky-vertical-menu-on-wordpress-elementor

  • @floklo
    @floklo 2 ปีที่แล้ว

    thanks man! very nice video. yes as you said the only negative point is that if you want to change the menu, you have to do it manually every where. so here is a question for you, maybe you can help. is there a way maybe using elementor PRO to do the same menu? still great video!

    • @yourmannar
      @yourmannar  2 ปีที่แล้ว

      Hey man, thanks for the nice words.
      Yes you can do it easier with Elementor PRO. All you'd have to do is go to your admin dashboard -> Templates -> Theme builder -> Add new -> Single page -> Add the vertical menu and on the right side use the Post Content widget.
      You can buy Elementor Pro here, it's my affiliate URL, so please use it -> trk.elementor.com/ymn9967
      PS. I'll drop a tutorial on creating vertical menus with Elementor PRO soon.
      I hope I was of help brother, good luck

  • @ChicagoAstronomer
    @ChicagoAstronomer ปีที่แล้ว

    Nice tutorial, but you lose the header option when creating the side bar.
    Can one keep both?

  • @JankyMusic-THC
    @JankyMusic-THC 2 ปีที่แล้ว

    On the phone the vertical menu goes under the buttons and can't always select the links you want.
    Any idea how to fix it?

    • @yourmannar
      @yourmannar  2 ปีที่แล้ว

      I suggest you disable the sticky feature on mobile devices. It's the better UX.
      Here's how you can disable it on mobile:
      Go to Settings -> Stick Menu or Anything -> Scroll down to the "Do not stick element when screen is smaller than: (optional)" section -> Set it to 780
      I hope this answers your question, if not let me know!

  • @mariusmanlive
    @mariusmanlive 11 หลายเดือนก่อน

    bro you mention Nivi theme, I'm looking on entire tutorial never specify what theme you use, and why for other users is not appear that Nivi theme icon to disable menu, edit description and specify all details thanks

    • @mariusmanlive
      @mariusmanlive 11 หลายเดือนก่อน

      I don't want to be negative, but this is very basic sticky menu nothing, all, so if someone looking for megamenu vertical it's completly waste of time, not even shows or explain how to make an proper vertical menu, vertical menu mean part of your menu slide to "right side" then shows subcategories and many infos, I know this video is worthy for you but not helpfull at all good luck !

  • @jeroenv552
    @jeroenv552 3 ปีที่แล้ว +1

    How do you get a transparent vertical menu?

    • @yourmannar
      @yourmannar  3 ปีที่แล้ว +1

      You have two options, either don't add any color to the column's background, by default it will be transparent, or make it transparent manually. Right click on the column's edit section (not the section, but the column) -> Style -> Background -> Classic -> Color -> #FFFFFF00
      I added your question with the answer and screenshots as a comment in the article, you can find it at the bottom of the page here -> yourmannar.com/create-a-sticky-vertical-menu-on-wordpress-elementor/
      Let me know if you need anything else!

  • @abdullahj.1241
    @abdullahj.1241 2 ปีที่แล้ว

    💯