Linking to a Section on a Different Page in Webflow

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 44

  • @connorfinlayson
    @connorfinlayson 2 года назад +5

    I feel like I have had that exact conversation with my clients 100 times

  • @rafairibarrem
    @rafairibarrem 2 года назад +4

    Bro, you're gonna go far! please keep the humor on the tutorials, love it hahaha

  • @kumail54
    @kumail54 2 года назад +5

    Bro you're going very far with this channel just like flux have. Stay consistent. You are amazing at this! Best of luck bro ❤️

    • @NikolaiBain
      @NikolaiBain  2 года назад +1

      Aww thank you Kumail! Appreciate that big time 😁

  • @stipepupic-bakrac3509
    @stipepupic-bakrac3509 2 года назад +1

    You are the best Webflow tutor on RUclips. This is exactly what I was looking for. Can't wait to watch all your videos.

    • @NikolaiBain
      @NikolaiBain  2 года назад

      Can't wait for you to watch them! 🌟

  • @EliSoprano
    @EliSoprano Год назад

    You are a lifesaver! I was going to rebuild my navbar!! Thank you!

  • @sheepikabeepika
    @sheepikabeepika 2 года назад +1

    Really helpful, thanks. I love your style of videos :) Can't wait to see how you grow!

    • @NikolaiBain
      @NikolaiBain  2 года назад

      Thanks Deepika, appreciate it! 😁

  • @user-qv1no1vn6u
    @user-qv1no1vn6u Год назад +1

    That looks like Wellington NZ, Nice!!!!!!

  • @refused1
    @refused1 Год назад +3

    If section is on homepage no slug can be entered and system doesn't default to home to connect to a section there, any other options?

    • @mariaisabelgomez9561
      @mariaisabelgomez9561 Месяц назад

      To redirect to home page, you must enter the complete URL of the home page and then #section. Make sure, the section name is not in CAPS (I had the same issue)

  • @sicelomgobhozi6050
    @sicelomgobhozi6050 2 года назад +1

    Thank you.

  • @surendarr2177
    @surendarr2177 Год назад

    thank you bro

  • @robertkreft5653
    @robertkreft5653 Год назад

    thanks!!!

  • @Thingwithlegs
    @Thingwithlegs Год назад +1

    I am struggling so much to do the same thing but instead of a section, a tab 😭😭😭

  • @pedrolacueva
    @pedrolacueva Год назад +2

    yeah this doesnt work at all if your section is in the homepage.....

    • @chaelynkim208
      @chaelynkim208 Год назад +8

      I was struggling with the same issue and it did work out if I type just "/#sectionname" as homepage doesn't have page name essentially in Webflow as a default.

    • @refused1
      @refused1 Год назад

      @@chaelynkim208 no slug defined to connect to, same issue

    • @JakeSchlegel
      @JakeSchlegel Год назад

      @@chaelynkim208 this does not work for me. so crazy that Webflow doesn't have a solution for this. seems so trivial yet extremely annoying and integral to optimal UX

    • @brycecox8249
      @brycecox8249 Год назад

      @@chaelynkim208 this works great, thank you. This ^ should be a pinned comment

  • @JankeeSsj
    @JankeeSsj Год назад +2

    Thank you for this tutorial, however it's not working for me 😔 I am trying to redirect to a section of my homepage and when I do /home#section or /#section , nothing happens

    • @mislavrepinac
      @mislavrepinac Год назад +1

      Same here, it's so annoying it doesn't work for me...

    • @NikolaiBain
      @NikolaiBain  Год назад +1

      Interesting point, I didn't think about homepages. Have you tried through a redirect? Send people to "/page" and redirect that to "/page > /#section"
      Not sure if it'll work, just spitballing 🧐

    • @mislavrepinac
      @mislavrepinac Год назад +6

      You probably don't need this anymore, but I found the solution. All you have to do is create an external url /#section - that worked for me. Maybe you've forgotten to give sections the ID-s or something?

    • @refused1
      @refused1 Год назад +1

      @@mislavrepinac Doesn't work for me, Im trying to link from Store back to Home page #about section hmm

    • @florianauckenthaler651
      @florianauckenthaler651 8 месяцев назад +1

      same. I can not get this to work for homepage.

  • @florianauckenthaler651
    @florianauckenthaler651 8 месяцев назад

    this doesnt seem to work on the homepage. I got it to work by using a simple vanilla JS to force the scroll.. just add this to the 'custom code' in the homepage page settings:
    window.addEventListener('load', function () {
    if (window.location.hash == '') {
    return false;
    }
    var el = document.querySelector(window.location.hash);
    if (el !== null) {
    el.scrollIntoView({ behavior: 'smooth' });
    }
    }, false);

    • @Alicebail12789
      @Alicebail12789 7 месяцев назад

      unfortunately, it is still not working for me :(

  • @ksenijave98
    @ksenijave98 6 месяцев назад

    This isn't working anymore...

  • @muimuhadresh3986
    @muimuhadresh3986 Год назад

    I put my anchor to a headline (also tried with a section) and when I click the link the headline is positioned at the top. Even if I use attribute data-scroll = mid.
    Any tips?

    • @NikolaiBain
      @NikolaiBain  Год назад +1

      Better to put the anchor to a section and make sure you have enough padding between where the section starts and where the headline is, otherwise the headline will still be too high when the page loads in :)

  • @arminik
    @arminik Год назад

    Thank you for the tutorial, I was wondering how to link to a section in the homepage from a different page? what would you put between / and #SECTION_NAME? Thanks

    • @NikolaiBain
      @NikolaiBain  Год назад +1

      Nothing, just use /#team for example :)

    • @AshleyAfable
      @AshleyAfable 5 месяцев назад

      @@NikolaiBain I did that and it just goes to the top of the home page... I have the slash then the tag. What am I missing?

    • @ddpprod
      @ddpprod 2 месяца назад

      @@NikolaiBain This worked for me! Appreciate it, man!

  • @yetdontknow6783
    @yetdontknow6783 Год назад

    Doesn't work for me

  • @vineetboyle
    @vineetboyle Год назад

    Lovely jovely

  • @yakmansalias
    @yakmansalias Год назад

    Wasted none of my time thank you. This is what full stackers are looking for.

  • @manuelmyller1621
    @manuelmyller1621 2 года назад +3

    Well it doesnt work for me 🫠

    • @JankeeSsj
      @JankeeSsj Год назад +1

      Same here. Have you found a solution by any chance?