Header Overlap in Wix | Wix Fix

Sdílet
Vložit
  • čas přidán 8. 05. 2023
  • Learn how to overlap your header over your website's hero section in Wix!
    -----------------------------------------------------------
    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 #WixTutorial #WebDesign
  • Jak na to + styl

Komentáře • 67

  • @lisameans7434
    @lisameans7434 Před 8 měsíci +2

    Been trying to figure this out for weeks! Thank you!

  • @marcellalee926
    @marcellalee926 Před 6 měsíci

    AWESOME! This was so helpful! Thanks so much!

  • @nikobacquie702
    @nikobacquie702 Před 10 měsíci +1

    Literally saved me so much time! Thanks for this video 😄

  • @antonellapastor5392
    @antonellapastor5392 Před rokem

    Thank you! This was really helpful and saved me a lot of time :)

  • @HeyJudeXP
    @HeyJudeXP Před 3 měsíci

    Thank you !!!!! extremely helpful!

  • @alberto8456
    @alberto8456 Před 7 měsíci

    Thanks for all, it was very useful

  • @ximenafigueroakoster4013
    @ximenafigueroakoster4013 Před 8 měsíci

    Thanks for this tutorial!!! Is exactly what i need❤❤❤❤ you are the best

  • @imya90s
    @imya90s Před rokem

    Awesome! Thanks🙌🏻

  • @trentsturgill9110
    @trentsturgill9110 Před 4 dny

    Thank you for sharing! I wish I would've discovered this video a year ago. 🤣

  • @marcvallescasas8166
    @marcvallescasas8166 Před 11 měsíci

    great video wix fix!!

  • @lachlanrankin7584
    @lachlanrankin7584 Před rokem +1

    For the people who want to use the scroll with site option and has the header disappear, click on the header, then right click on the top right where it says header, and then go to arrangement and bring the header to the front. It worked for me

  • @Making-Beth-Gain
    @Making-Beth-Gain Před 5 měsíci +2

    Have spent hours trying to figure out how to do this, thank you!

    • @leonhardhaberl999
      @leonhardhaberl999 Před 4 měsíci +1

      Me too! Greetings from Norway, and thanks a lot Wix Fix!

  • @camilamaia139
    @camilamaia139 Před 9 měsíci

    Thank you soooooo much!

  • @ModelForge101
    @ModelForge101 Před 4 měsíci

    Thank you so much!!!

  • @paulamourad4699
    @paulamourad4699 Před 8 měsíci +5

    I can't drag the new section upwards "behind" the header. Any thoughts?

  • @siouxlooks3114
    @siouxlooks3114 Před 7 měsíci

    omg thank you so much for this literally every other video was such a waste of time

  • @M.Bugraim
    @M.Bugraim Před 9 měsíci

    thank you!

  • @ValueVaultX
    @ValueVaultX Před rokem +1

    W vid like always!

  • @stephencovrig2908
    @stephencovrig2908 Před 2 měsíci

    Life saver! you da man

  • @yoavits4100
    @yoavits4100 Před rokem +1

    Thank you! Yet I don't see I have the option "Change Column Background" in my header.

  • @ArtDrone
    @ArtDrone Před rokem +4

    Any idea how to change header background to not be transparent when we are in the middle of a website scroll and it pops up while scrolling up? Then only Menu buttons are visibe but because there is no backgroun, it does not look good at all. Is there a way to adust the "dropdown" version of header?

  • @mementoxmori16
    @mementoxmori16 Před rokem +1

    Hi, still can't find out how to do the same with all pages without affecting the Home Page?

  • @lukeknoxxmusic
    @lukeknoxxmusic Před rokem +1

    My Wix Editor looks completely different... Was there an Update or do I need to change something in the settings?

  • @WolfGaming01_
    @WolfGaming01_ Před 2 měsíci

    how to select the part from the header and apply for all pages
    please tell me i need this

  • @AnasAhmedNazeer
    @AnasAhmedNazeer Před 5 měsíci

    my header is now merged to the lower section. its in overlapping items now . how to restore header back to being fixed and separate from rest page

  • @alyssaaltman5356
    @alyssaaltman5356 Před měsícem

    How can I get that header to only show on my home page, and have a regular header for my other pages?

  • @brandonhunter2760
    @brandonhunter2760 Před 19 dny

    I don't see an option for Strips in Wix Studio. Sounds like they are called Containers and Sections now, but neither seems to work like the old Strips in Wix Classic. Any advice?

  • @lucazfox
    @lucazfox Před 5 měsíci

    Hi, i would like to know if theres a way to create blend mode content in header in wix studio, I haven't found it online yet. Some one knows?

  • @rubyrendrag4370
    @rubyrendrag4370 Před 7 měsíci

    I'm just trying to get my section background to show through my header and footer. Nothing works no matter what I do in Wix editor. And I can't have a mobile menu without a header and footer on my desktop site.

  • @MinorimpactCopy
    @MinorimpactCopy Před 9 měsíci +1

    Yeah but what about my other pages and my header is now transparent?????!

  • @rajdeepsinghmaharia3063
    @rajdeepsinghmaharia3063 Před 2 měsíci

    In mobile section my logo is not visible as it's in white , please suggest

  • @TacticalTopher
    @TacticalTopher Před 10 měsíci +5

    How the actual F$%^ do we do this on wix studio now? Theres no strip.

    • @Bashsf
      @Bashsf Před 5 měsíci

      Did you figure it out? been searching for answers

    • @CreativeDesignTools
      @CreativeDesignTools Před 5 měsíci

      Use a container and follow the same method. Note that if you want your header to be pinned, simply remove the background because a pinned header automatically overlaps the section. I made a short on it.

  • @JacquelineRomano
    @JacquelineRomano Před 3 měsíci

    When I drag the strip up, it covers the header completely rather than going behind it. Is there a way to fix this?

  • @aljames7345
    @aljames7345 Před 4 měsíci

    Hello there. Thanks fo your videos. I cant seem to find anywhere in Wix Studio, the option that lets me tweak the hearder behaviour, e.g. on the old editor it let me change how this scrolled or hides and reappears when scrolling? THese options are not shown i the studio inspector. Can you help point me in the right direction please?

    • @wixfix
      @wixfix  Před 4 měsíci

      You have to set the position type to Pinned. Then you will see additional options for moving or changing the color for the header in the inspector!

  • @mansoorshah9057
    @mansoorshah9057 Před 7 měsíci +1

    this is not applying on wix studio editor header content go behind the image.. how can we make tranparent header in wix studio editor??

    • @CreativeDesignTools
      @CreativeDesignTools Před 5 měsíci

      If the header content is behind the image, use the layer panel and being it to the font. In Wix Studio, use a container instead of a strip and follow the same steps

  • @agronmorina7575
    @agronmorina7575 Před 7 měsíci +1

    How do you do the same with Wix Studio ?

  • @LaMusicRocks
    @LaMusicRocks Před rokem +1

    My header keeps having a white and only semi-transparent background color even when the opacity is set to 0 %. How do I fix this?

  • @JenaRutan
    @JenaRutan Před 2 měsíci

    I cannot add a strip in Wix Studio, but tried the container method. When the container is small I am able to drag behind the header, but when I "stretch" it to fill the screen, I cannot grab the image or change the Y value to get it behind the header. Any other ways to accomplish this?? Some of my pages have the image behind the transparent header, and on other pages I can't seem to recreate the same effect. I can't find what is different to mimic the successful pages. Please help!! :)

    • @wixfix
      @wixfix  Před 2 měsíci

      For Studio, just select the header, and set the "Position Type" to "Pinned" in the Inspector Panel. Hope that helps.

  • @niobreakanto6609
    @niobreakanto6609 Před rokem

    The video disappears behind the header, even though I made it transparent it just stays withe! What can I do?

    • @niobreakanto6609
      @niobreakanto6609 Před rokem

      Ok, basically I had the strip above the header section and I had to set the opacity to 0% for both of them.

  • @mj989_
    @mj989_ Před rokem

    Hey Ryan, I tried doing this, but the strip just covers up the header. I can't send it to the back either. Any idea how to fix this?

    • @wixfix
      @wixfix  Před rokem

      Hmm. Is that strip in the section below? Sometimes the strip can attach to another section or the header itself. Also you can try to select the header, right click, press arrange, and send to front. If those do not work, then you may need to reach out to support.

    • @mj989_
      @mj989_ Před rokem

      @@wixfix I think I figured it out. It seems like the header scroll setting has to be set to freeze, disappears or fades out. If it's on "scrolls with site" the overlapping strip covers it up, but on any of the other settings the header will be on top. Do you know if there's a way to have it work when set to scrolls with site?

  • @AlianzzeIncentivo
    @AlianzzeIncentivo Před rokem

    Hello, every time I do this my slide attaches itself to the header, how can I solve it?

    • @onelongdog
      @onelongdog Před 11 měsíci

      Had the same thing happen at first. Was solved for me by making sure to not have your mouse actually cross over the header line (the orange line) when dragging the strip up. (ie) Select and drag the strip from the bottom, not near the top, since the strip will attach to whichever area your mouse is on. Hope that helped!

    • @AlianzzeIncentivo
      @AlianzzeIncentivo Před 11 měsíci

      Thanks!@@onelongdog

  • @bellavita4715
    @bellavita4715 Před 10 měsíci

    Thanks! But it does not work for mobile version :(

    • @thevintagebrush7378
      @thevintagebrush7378 Před 8 měsíci +1

      Exactly, i did this and then checked a tablet , it was terrible. So how would be the best way to do this Wix? How to create a header left sided logo & menu with a strip that works well on tablets?
      I'm surprised this isnt standardised as it the 'standard' for the industry.... any input would be appreciated.

    • @bellavita4715
      @bellavita4715 Před 8 měsíci

      @@thevintagebrush7378 I changed to editor X!

  • @olliemolly6411
    @olliemolly6411 Před 2 měsíci

    the strip does not exist in wix studio does it?

    • @wixfix
      @wixfix  Před 2 měsíci

      Wix Studio does not have Strips. It has Cells and Containers instead and are much more customizable than classic editor Strips.

    • @olliemolly6411
      @olliemolly6411 Před 2 měsíci

      @@wixfix Thank you.

  • @sophieskardon2365
    @sophieskardon2365 Před 8 měsíci +1

    Dosen't work

  • @ozeryldz3398
    @ozeryldz3398 Před rokem +1

    it doesnt workkk

  • @user-lz9ne9hn2v
    @user-lz9ne9hn2v Před 2 měsíci

    Whenever I try to do this it keeps saying Attach to header and I just can’t do anything about it, please help!

    • @user-lz9ne9hn2v
      @user-lz9ne9hn2v Před 2 měsíci

      And if the attach to header thing doesn’t come up, the header will just stay black when I put the strip underneath it and even when I make the background transparent it still doesn’t show the image I want behind it

    • @wixfix
      @wixfix  Před 2 měsíci

      Drag it from the bottom of the Strip. If your mouse is on top of the header at the end, it will attach it.
      Another method is selecting the Strip, and then use the Toolbar to set the Y value to 0 I believe. Hope that helps.

  • @lesleeschaffer6394
    @lesleeschaffer6394 Před 4 měsíci +1

    Why are you teaching classic editor when we're struggling to get what was a simple thing done in classic, and now seems impossible in Studio?? I'm so confused.

  • @rolfalm
    @rolfalm Před 3 měsíci

    that thing you do when you put in an image, then put on a darker color and draw down the transperacy, doest that not work for ordinary pictures? the picture editing i wix is the most horrid invention mankind has ever created.