How to Create a Sticky Header in Framer

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

КОМЕНТАРІ • 52

  • @JKevinWeng
    @JKevinWeng 2 місяці тому +8

    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  2 місяці тому

      haha glad I came in clutch for you my friend

  • @user-wi6oi8mo8s
    @user-wi6oi8mo8s 29 днів тому +2

    My brother deserves more subscribers. Way to go

  • @olivechang8726
    @olivechang8726 11 днів тому

    Love ur video! Incredibly helpful tips!

  • @iu.lia.na.
    @iu.lia.na. 21 день тому +1

    Thanks for the video

  • @antmgarcia
    @antmgarcia 2 місяці тому +1

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

  • @redbot_ai
    @redbot_ai Місяць тому +2

    Make more videos man, you channel is great!

  • @immigrantmindset
    @immigrantmindset 2 місяці тому +4

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

    • @sewerlamb
      @sewerlamb  2 місяці тому

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

    • @crsmoore
      @crsmoore 2 місяці тому +1

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

  • @burtos
    @burtos 2 місяці тому +1

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

    • @sewerlamb
      @sewerlamb  2 місяці тому

      Thanks so much, glad you got something out of it

  • @oluwaseyiayodele288
    @oluwaseyiayodele288 2 місяці тому +1

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

  • @adelanaofficial
    @adelanaofficial 20 днів тому +1

    Thabk you, Wes.

  • @edoardodepiccoli3004
    @edoardodepiccoli3004 Місяць тому +1

    keep it up man, amazing work

  • @joaovapolinario
    @joaovapolinario 4 місяці тому +2

    Came from twitter too, subscribe immediately!!!!

  • @Zipltor
    @Zipltor Місяць тому +1

    thank you so much bro

  • @Abil.internship
    @Abil.internship 4 місяці тому +2

    Came from twitter, subscribe immediately

  • @Shroomade
    @Shroomade 3 місяці тому +3

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

    • @sewerlamb
      @sewerlamb  2 місяці тому +1

      I found it on Framer's gallery page!

  • @ruddro29
    @ruddro29 4 місяці тому +1

    love this video....keep rocking 💪

    • @sewerlamb
      @sewerlamb  4 місяці тому

      @@ruddro29 will keep rocking just for u!

  • @farrasaris5394
    @farrasaris5394 3 місяці тому +1

    Wes, thank you.

  • @abdul_aak
    @abdul_aak 2 місяці тому

    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???

  • @yotamrosental273
    @yotamrosental273 3 місяці тому +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  3 місяці тому +1

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

  • @jalencrisp
    @jalencrisp 4 місяці тому +1

    lets goooo - great video

  • @yehiam5190
    @yehiam5190 3 місяці тому +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  3 місяці тому

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

  • @piemasta93
    @piemasta93 3 місяці тому +1

    What a great video

    • @sewerlamb
      @sewerlamb  3 місяці тому

      @@piemasta93 ❤️

  • @sageahn2144
    @sageahn2144 3 місяці тому +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  3 місяці тому

      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

  • @unchart_d
    @unchart_d 3 місяці тому +4

    Can you please build an entire website using Framer

    • @sewerlamb
      @sewerlamb  3 місяці тому +4

      Like a walkthrough of building a full site?

    • @bishalsaha1434
      @bishalsaha1434 3 місяці тому

      ​​@@sewerlambyes

  • @deekshasatapathy9009
    @deekshasatapathy9009 24 дні тому

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

  • @sjs9040
    @sjs9040 28 днів тому

    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

  • @AromalSula
    @AromalSula 3 місяці тому +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  3 місяці тому

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

  • @muhammadalwanrosyadi34
    @muhammadalwanrosyadi34 Місяць тому

    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

  • @joshuareagan01
    @joshuareagan01 4 місяці тому +1

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

    • @sewerlamb
      @sewerlamb  3 місяці тому

      I'm not 100% sure without more context

  • @dmabubakkar9840
    @dmabubakkar9840 4 місяці тому +1

    can you expline code override

    • @sewerlamb
      @sewerlamb  3 місяці тому

      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!

  • @unsa101
    @unsa101 3 місяці тому +1

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

    • @sewerlamb
      @sewerlamb  3 місяці тому +1

      Great idea!

    • @Newven01
      @Newven01 3 місяці тому

      ​@@sewerlambyes please