Header Color Change on Scroll | Wix Fix

Поделиться
HTML-код
  • Опубликовано: 8 июл 2024
  • In this video, I show you how to have your header change colors on scroll.
    Velo from video: www.wixfix.com/post/header-tr...
    Join Our Patreon: / wixfix
    -----------------------------------------------------------
    www.wixfix.com
    -----------------------------------------------------------
    Important Tutorials:
    Top 5 Tips for Wix: • Top 5 Tips for WIX | W...
    How to Use Strips in Wix: • How to Use Strips in W...
    Set Up an E-commerce Store: • HOW TO SET UP AN ONLIN...
    Custom Forms: • Custom Forms in Wix | ...
    Wix Basics in 10 Minutes: • WIX Editor Basics in 1...
    Everything Editor X: • Everything Editor X [2...
    Modern Web Design: • Modern Web Design in W...
    -----------------------------------------------------------
    Join this channel to get access to perks:
    / @wixfix
    Don't forget to SUBSCRIBE and COMMENT any questions below!
    THANK YOU FOR WATCHING!!
    Music by Chillhop
    Music: chillhop.com
    #Wix #WebDesign
  • ХоббиХобби

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

  • @TSIBIDAS
    @TSIBIDAS 9 месяцев назад +16

    When you do your videos could you start by showing the final result so we can understand directly what the video is all about ? Btw thanks for your work it helped me so much

    • @rossyiovtcheva4492
      @rossyiovtcheva4492 9 месяцев назад

      GREAT suggestion - I was just going to comment the same thing! A lot of Wix tutorials on RUclips have the same issue.

  • @tulp_graphics
    @tulp_graphics 9 месяцев назад +1

    This is awesome!

  • @aaajimmyb7472
    @aaajimmyb7472 9 месяцев назад +1

    Wow another fantastic amazing super great video info and analysis from absolutely the best channel on. Thank you and keep the great videos coming

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

    I have no words to thank you

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

    Straight forward. Thanks for this it really helps ❤❤

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

    thx for your vidéos ... i am a fan :) great work , very useful , keep on :) cheers

  • @zelduch
    @zelduch 5 дней назад

    hi love this! aby idea what to add for mobile!!!? thank youuuuu

  • @RayleighGutterCleaning
    @RayleighGutterCleaning 9 месяцев назад +2

    Man I wish I could hire you to work on my current Wix website! Awesome work

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

      If you are still looking to hire someone maintain your wix website and help develop it more. I would certainly be open to discuss!

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

      @@Rustysurfer137 where are you based?

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

    is this work on the menu bar only? I just want to keep the menu bar and let the logo (and the header) scrolled.

  • @user-pd1yg1kl9m
    @user-pd1yg1kl9m 6 месяцев назад +1

    I want to ask why the change of color is like delayed and the text only changing color when i scroll up not when i scroll down? Need help thanks

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

    hi!! any idea why it doesnt work on the mobile too? thank you!

  • @anything972
    @anything972 3 месяца назад

    I’m having trouble doing this on wix studio :( any idea ?

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

    I love this tutorial but I struggle with the first step. I am using Wix Studio and cannot find the add strip option. Is there an equivalent for Wix Studio or is there an alternative solution for Wix Studio which seems to have removed this feature?

    • @wixfix
      @wixfix  Месяц назад +1

      This is for the classic Wix editor. But I have a video coming soon for Wix Studio!

  • @kdppixie3086
    @kdppixie3086 4 месяца назад

    Could you make a tutorial how to make background color change effect while scroll?

    • @wixfix
      @wixfix  4 месяца назад

      I actually did a live event on the Newform with Brandon Groce channel covering this. Feel free to the check it out!

    • @kdppixie3086
      @kdppixie3086 4 месяца назад

      Yes I found that video of live session, but I thought it’s for editor x 😅 which is different wix’s product, or maybe I am wrong 🙃

  • @awut7713
    @awut7713 15 дней назад

    thank for the turorial but I wanna know how to freeze the header

    • @zelduch
      @zelduch 5 дней назад +1

      go to the header press right click, and scroll header effects :). you can choose there

    • @awut7713
      @awut7713 2 дня назад

      @@zelduch still have some problem. I want Changing the Browser Theme Color for Mobile in Wix Studio Editer . is that possible. please answer me.

  • @matthiasdumont7785
    @matthiasdumont7785 4 месяца назад

    the events are not trigger on my side. I probably did something wrong that cause the fact that he is unable to detect the view port enter or leave.
    Any ideas ?

    • @wixfix
      @wixfix  4 месяца назад

      My guess is you may have copied/pasted the code. For event triggers, you typically need to set it up manually on each page/site. So set up the trigger, and then copy/paste the code from inside the trigger into the event handler you created.

    • @matthiasdumont7785
      @matthiasdumont7785 4 месяца назад

      @@wixfix
      The problem is that it does not even work on one page,
      I tried on my main page, then selected my correct section to trigger for the corresponding section on my home page
      The first hide is executed
      but I never see log inside the function associated to the view port enter.
      My hypotheses is that my section are not implemented correctly so the view port is probably equivalent to all the page and i never enter or leave it.
      But my layers seem to be ok.
      I'm gonna find out why this happen.
      Thank you for your answer :)

  • @lee1532
    @lee1532 4 месяца назад

    This did not work or me. Said I needed to debug. And, the header did not appear. It's not showing.

  • @massiah1298
    @massiah1298 9 месяцев назад

    Please try top show the final result.. rather ending the video