How to Create a Sticky Header in Framer

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

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

  • @VMac-b8n
    @VMac-b8n 20 วันที่ผ่านมา +1

    Your video fixed 3 hrs of me battling with a non-working sticky nav. You're my page hero!

  • @JKevinWeng
    @JKevinWeng 4 หลายเดือนก่อน +10

    BRO, I have been trying to figure this out for the last 4 days and it has been so frustrating because I couldn't find any forums, videos, and chat was NOT helping. Thank you so much, you are amazing.

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

      haha glad I came in clutch for you my friend

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

    Dude you're life saver!!!!!! Thanks Man. Looking forward to see more tutorials from you!!!!

  • @user-wi6oi8mo8s
    @user-wi6oi8mo8s 2 หลายเดือนก่อน +2

    My brother deserves more subscribers. Way to go

  • @antmgarcia
    @antmgarcia 4 หลายเดือนก่อน +1

    You helped me out, you got a new follower! Love the way you teach.

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

    Man youre super cool and a great educator. Please please keep making tutorials like this, 🚀

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

      Thanks! So grateful for your comment. Been insanely busy with Blocs, but will have some new stuff soon

    • @crsmoore
      @crsmoore 4 หลายเดือนก่อน +1

      Have the exact same sentiment! ✅ Great work Wes! 🙌

  • @burtos
    @burtos 4 หลายเดือนก่อน +1

    Love the content and the quality of it! It's not only entertaining but also fun to watch

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

      Thanks so much, glad you got something out of it

  • @gracetayeadejubee9126
    @gracetayeadejubee9126 15 วันที่ผ่านมา

    Subscribed
    this is so easy to understand

  • @redbot_ai
    @redbot_ai 3 หลายเดือนก่อน +2

    Make more videos man, you channel is great!

  • @oluwaseyiayodele288
    @oluwaseyiayodele288 4 หลายเดือนก่อน +1

    You are very good at content/tutorial.. very engaging. Thanks 😊

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

      Thanks!

  • @edoardodepiccoli3004
    @edoardodepiccoli3004 3 หลายเดือนก่อน +1

    keep it up man, amazing work

  • @joaovapolinario
    @joaovapolinario 6 หลายเดือนก่อน +2

    Came from twitter too, subscribe immediately!!!!

  • @olivechang8726
    @olivechang8726 2 หลายเดือนก่อน

    Love ur video! Incredibly helpful tips!

  • @Abil.internship
    @Abil.internship 6 หลายเดือนก่อน +2

    Came from twitter, subscribe immediately

  • @deekshasatapathy9009
    @deekshasatapathy9009 2 หลายเดือนก่อน

    How to do this if we want to include the nav bar + hero area in the viewport?

  • @sageahn2144
    @sageahn2144 5 หลายเดือนก่อน +3

    Hi i did the fixed position method and it worked but on some sections the bar is there but behind the content. how do i fix this?

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

      Select the navbar, then go to the properties panel. Then go style -> z index and make sure it's above the z index of your other sections. I usually make it 8 to play it safe

  • @adelanaofficial
    @adelanaofficial 2 หลายเดือนก่อน +1

    Thabk you, Wes.

  • @ogunleyejuliet4101
    @ogunleyejuliet4101 27 วันที่ผ่านมา +1

    My nav is now fixed but all the other elements are going over the nav and not under it

    • @sewerlamb
      @sewerlamb  27 วันที่ผ่านมา

      Add a z index and make it a high number like 8 or 9

  • @ruddro29
    @ruddro29 6 หลายเดือนก่อน +1

    love this video....keep rocking 💪

    • @sewerlamb
      @sewerlamb  6 หลายเดือนก่อน

      @@ruddro29 will keep rocking just for u!

  • @sjs9040
    @sjs9040 2 หลายเดือนก่อน

    hey, currently having a problem with my laptop preview being greyed out, causing the only preview available to be phone. when trying to use this tutorial, I used blocs to a add padding and then this happened

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

    what would be the reason the 'sticky' option is grayed out?

  • @Zipltor
    @Zipltor 3 หลายเดือนก่อน +1

    thank you so much bro

  • @iu.lia.na.
    @iu.lia.na. 2 หลายเดือนก่อน +1

    Thanks for the video

  • @Shroomade
    @Shroomade 5 หลายเดือนก่อน +3

    Love it ❤
    where is the “CTA to floating nav” example site from?

    • @sewerlamb
      @sewerlamb  4 หลายเดือนก่อน +1

      I found it on Framer's gallery page!

  • @AromalSula
    @AromalSula 5 หลายเดือนก่อน +1

    so when i make my nav sticky it gets pushed down
    how do i make it sticky but keep it on the y axis about 512 px. any solution

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

      Put 512 in the "top" field under "sticky"

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

    really love the videos man, please just asking but do you have a video showing how to create that navigation bar from scratch, i'm new to framer migrating from UI/UX designs

  • @jalencrisp
    @jalencrisp 6 หลายเดือนก่อน +1

    lets goooo - great video

    • @sewerlamb
      @sewerlamb  6 หลายเดือนก่อน

      thank u friend

  • @farrasaris5394
    @farrasaris5394 5 หลายเดือนก่อน +1

    Wes, thank you.

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

      no thank you

  • @yotamrosental273
    @yotamrosental273 5 หลายเดือนก่อน +1

    Thank you for the lovely tutorial! one question tho, my sticky nav bar is stick but for some reason it goes under my hero page while the rest of the site it works perfectly...

    • @sewerlamb
      @sewerlamb  5 หลายเดือนก่อน +1

      Thanks! Check ur Z index. Make sure the z index of the nav bar is higher than everything else

  • @vitaliykibish
    @vitaliykibish 15 วันที่ผ่านมา

    awesome❤

  • @piemasta93
    @piemasta93 5 หลายเดือนก่อน +1

    What a great video

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

      @@piemasta93 ❤️

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

    hey bro. awesome video, im learning framer on my own and this was really helpful. thank you so much.
    i do have a question though regarding custom cursors. it'd be of great help if you could enlighten me on it. i created nested components in my nav bar and I want a custom cursor on its elements. but its kind of not allowing me to apply the custom cursor I created. its showing an option of 'create variable'. i did so. but I cant figure out what to do next???

  • @joshuareagan01
    @joshuareagan01 6 หลายเดือนก่อน +1

    I created one with sticky if I remove the colour it default change white, while in sticky. any solution ?

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

      I'm not 100% sure without more context

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

    The problem I encountered when using sticky instead of fixed is that when I switch to the mobile breakpoint, the menu bounces when it opens, and I don't know how to fix this

  • @yehiam5190
    @yehiam5190 5 หลายเดือนก่อน +1

    Hello Wes,
    I hope you are doing well. Currently, Im learning building websites by framer. If I build an e-commerce website for customers, how could the customer add changes like adding products?

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

      @@yehiam5190 Framer doesn't support ecommerce natively yet, check out framercommerce :)

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

    Can we add micro interactions instead of the banner ?

    • @sewerlamb
      @sewerlamb  26 วันที่ผ่านมา

      @@annesasadhukhan5381 I'm not sure what you mean sorry :/ But you can add anything you want! World's your oyster 🦪

  • @dmabubakkar9840
    @dmabubakkar9840 5 หลายเดือนก่อน +1

    can you expline code override

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

      I'm not the best person to talk about this, but noven_tsx is a great person to follow on twitter. They post heaps of great resources about code overrides/components in Framer!

  • @unchart_d
    @unchart_d 5 หลายเดือนก่อน +4

    Can you please build an entire website using Framer

    • @sewerlamb
      @sewerlamb  5 หลายเดือนก่อน +4

      Like a walkthrough of building a full site?

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

      ​​@@sewerlambyes

  • @외않자
    @외않자 9 วันที่ผ่านมา

    4:30 -> why sticky don't work and how

  • @unsa101
    @unsa101 5 หลายเดือนก่อน +1

    I really like to sell Framer templates, can you guide me how to make winning template and publish to sell please

    • @sewerlamb
      @sewerlamb  5 หลายเดือนก่อน +1

      Great idea!

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

      ​@@sewerlambyes please