Framer Tutorial: Create POWERFUL Dropdown Menus

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

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

  • @alexkolesnik
    @alexkolesnik ปีที่แล้ว +8

    Thanks for this! Can you please make a part two video of how to create this drop-down menu for the mobile nav bar?

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

    Thank You Ryan, i am a beginner from Batam - Indonesia
    still need to see more video from you with the same topic about Framer

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

    Champion right here

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

    I have been reverse engineering the Mega Menu in Framer but it was too complex for me. This menu is just right, thank you!

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

    yo this is crazy! I'm building a site for a client as we speak and I'm desperately in need of dropdown menu tutorial! you're a legend champ.

  • @timilehinsolu4254
    @timilehinsolu4254 5 หลายเดือนก่อน

    Thank you!! I’ve been looking at how to achieve this all week and came across this tutorial! Thanks Howard 😊😊

  • @Hacktivator
    @Hacktivator 7 หลายเดือนก่อน

    Thank you for the tip. It finally helped me find a solution to exiting my mobile dropdown menu with transition interaction. Can you also make a tutorial on how to exit a mobile navbar by sliding the menu to the top edge of the screen?

  • @framerprojects
    @framerprojects 9 หลายเดือนก่อน

    Nice tutorial! Can you show us how to create a navbar with multiple full-width drop downs? Something like a mega menu you see on bigger sites like stripe.

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

    Super helpful!

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

    Great video! Would be great if you can show how this applies to a mobile menu when you scroll and it reverts to closed menu.

  • @curiousjourneys3279
    @curiousjourneys3279 4 หลายเดือนก่อน

    Hi Ryan, the items in the dropdown menu that I created are set to link to pages on my site, but there is no activity when I press on the dropdown menu item. Please can you assist?

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

    Wow / Great video!!!! Thank you so much!!🥰

  • @maticapo2003
    @maticapo2003 8 หลายเดือนก่อน

    Thanks! but how do i make it smooth? like fade in and fade out

  • @KarolinaSankowska
    @KarolinaSankowska 3 หลายเดือนก่อน

    Well, You can use a overlay, I believe the added it after this video was made. Still a cool video.

  • @MaryJay-d8b
    @MaryJay-d8b 10 หลายเดือนก่อน

    Also, may I troubleshoot with you one more thing? How can i make the dropdown menu be infront of the main page once its hovered?

  • @MaryJay-d8b
    @MaryJay-d8b 10 หลายเดือนก่อน

    Hello! Do i have to pay a subscription to Framer to remove the instance like you in the video?

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

    please show how to make this responsive and how to add a little arrow besides the "features" element to show that there are elements if you hover/click

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

    Do you know how to solve the content being pushed down when the drop down menu is open ?

  • @athenadelvillar2459
    @athenadelvillar2459 5 หลายเดือนก่อน

    I am in literal tears with frustration. I would really like to launch my website tonight but this isn't working for me anymore. I followed all the instructions and for some reason when I press play the dropdown menu is already visible. Does anyone know what I am doing wrong? More frustrating than anything it was working for me before. I think I maybe accidentally clicked something and changed some random setting?? Please help me!!!
    UPDATE: I noticed that when I drag the frame for the dropdown menu around it pulls it out of the "Active State" in Layers. WTF???

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

    I don't see an option for mouse hover (Mouse Enter) in my interactions drop down? I only see "Tap"

  • @digitalsketchguy7844
    @digitalsketchguy7844 8 หลายเดือนก่อน

    What about on mobile devices where there is no hover?

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

    Great video! But would be nice that you first show the end result and then how you do it. But nice work….

  • @sale7680
    @sale7680 4 หลายเดือนก่อน

  • @darndarn99
    @darndarn99 9 หลายเดือนก่อน

    Seems like a lot of effort compared to Wordpress . To create that in divi or elementor that would of taking half the time and effort