Header Transition in Wix (2022) | Wix Fix

Поделиться
HTML-код
  • Опубликовано: 21 июл 2024
  • In this video, you will learn how to create a header transition as the user scrolls down the website.
    This video is an update to the older video. When Wix updated the Classic editor, they removed a feature that was needed in the old tutorial/way.
    Get the Velo code: www.wixfix.com/post/header-tr...
    -----------------------------------------------------------
    Wix Fix Editor X Templates: www.wixfix.com/templates
    -----------------------------------------------------------
    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...
    -----------------------------------------------------------
    Want to hire us? Let's connect on our agency site: www.wixfix.com
    Don't forget to SUBSCRIBE and COMMENT any questions below!
    THANK YOU FOR WATCHING!!
    Music by Chillhop
    Music: chillhop.com
    #Wix #WixTutorial #HeaderTransition
  • ХоббиХобби

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

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

    You are showing me things I had no idea WIx could do. Thank you

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

    Great tutorial! Super clear

  • @thrivedesignco.6217
    @thrivedesignco.6217 2 года назад

    This was so helpful!

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

    Great video! Will this also work on the mobile view?

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

    Ty his great but I also want to know how your header matches your home page

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

    hello, do you think i can use code in order to make for example i want a text element to appear really big on the screen as default and then after i scroll down it would change to fit the same size as the elements on my header and stay inside the header?

  • @amadinosazee
    @amadinosazee 10 месяцев назад

    Thank you

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

    Can you do it also with a button like stick header button appearing when scrolling?

  • @4regoverland
    @4regoverland 11 месяцев назад

    Is it possible to increase the speed in which the transition occurs with the fade?

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

    Great videos!
    Wix Fix I need your help with Velo, I’ve just submitted my appointment on your website, please answer! Thanks!

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

    instead of fade transition, what other transitions can we use?

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

    Good job! Nice video as always... Just curious is there any way to create separate mobile header manually with header & footer option disabled

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

      I don't believe you can hide header and footer on mobile if active on desktop. But you can hide all the elements in header/footer on mobile and add the elements you want

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

      @@wixfix actually I want to hide the default header n footer for desktop n mobile. And then create new header manually for desktop n mobile as the default header n footer doesn't suit the new page content. However I manage to create the new header for desktop but no idea for the mobile. Not sure if you have any clue? Many thanks..

  • @rociogalandalmau6779
    @rociogalandalmau6779 2 года назад +7

    Hey! is there a tutorial on how to set the background image on full bleed? Im having struggle getting the image to appear behind the header, even if i turn opacity down, it remains a white strip at the top

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

      same here

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

      I also have the same problem since the update. I would definentelly be interested if anyone has a solution!

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

    Nice job will this work for Editor X ?

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

      I have a video for Editor X coming out soon!

  • @user-xh3yx3ge8z
    @user-xh3yx3ge8z 7 месяцев назад

    I changed my website and now I want to remove the transition header, Do I just the delete the entire code or what do I need to leave?

  • @niobreakanto6609
    @niobreakanto6609 11 месяцев назад

    I tried changing the color of the logo but right after the color changes the header disappears … what should I do?

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

    I did exactly the same but its not working

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

    Hi, is there any way to make this header transition fast? like normal user scrolls down but fast transition effect?

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

      hello, can you help me in achieving this transition? I did exactly the same but it is not working on my site

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

    my hide icon is not working

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

    Mine keeps glitching

  • @rezkybelianto6216
    @rezkybelianto6216 24 дня назад

    why the code is not working on my wix

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

    I CANT DUPLICATE THE MENU. HELP

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

    How do you do the same in Wix Studio?

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

      I create a video for that soon!