How to Create a Transparent Sticky Header on Scroll with Divi Theme 2021

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 พ.ย. 2024

ความคิดเห็น • 40

  • @bluepearlworld573
    @bluepearlworld573 3 หลายเดือนก่อน

    Old and still superb! Nice one.

  • @shan0715
    @shan0715 3 ปีที่แล้ว +2

    Thanks man,you are the best.

  • @restlessankur
    @restlessankur 3 ปีที่แล้ว +2

    awesome thumbnail, caught my attention . Good luck

  • @anitafaber-00
    @anitafaber-00 2 ปีที่แล้ว +1

    Thank you for this. But how can I make the menu section also shrink on scroll?

    • @WpLifestyle
      @WpLifestyle  2 ปีที่แล้ว +1

      CSS, it's probably possible via the theme builder but I haven't tried it yet, I will check it out and let you know.

  • @JpAnzillotti
    @JpAnzillotti 2 ปีที่แล้ว +1

    just want to say... well done. Great tutorial. Thumbs up

  • @sunvirahman9393
    @sunvirahman9393 3 ปีที่แล้ว +2

    very useful... Thank you

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว +1

      You're welcome 😊

  • @6stringks
    @6stringks 3 ปีที่แล้ว +1

    Very nice video and very nice explained, thank you very much for sharing your knowledge.

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว

      You're welcome, I'm glad you liked it 😊

  • @digitallydrivenmedia
    @digitallydrivenmedia 3 ปีที่แล้ว +1

    very useful tutorial! thank you so much

  • @tv175s3
    @tv175s3 3 ปีที่แล้ว +1

    the Position Absolute setting is not needed if tou use transparant background in the section instead of the row.

  • @Floatnride
    @Floatnride 3 ปีที่แล้ว +2

    Thanks for this, your video helped fix up one little thing I could not get working. All fixed now. cheers.

  • @WalkerAguilar
    @WalkerAguilar 3 ปีที่แล้ว +2

    Thanks, you are the best.

  • @agschoolghana3256
    @agschoolghana3256 2 ปีที่แล้ว +1

    pls when did you add the background picture, thats a difficulty i am having now

    • @WpLifestyle
      @WpLifestyle  2 ปีที่แล้ว

      Oh that was not part of the tutorial but it's very easy to do, just go section settings > background, then add a background color and image then change the background image blend mode to overlay. Go back to background color and reduce the opacity to your liking.

  • @high-voltage73
    @high-voltage73 3 ปีที่แล้ว +1

    Thank you so much, this worked perfectly.

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว

      You're welcome, I'm glad it worked

  • @amorminsung
    @amorminsung 3 ปีที่แล้ว +2

    Just what I needed! Thank you :)

  • @Ikmat
    @Ikmat 3 ปีที่แล้ว +1

    Great job brother ! you just save my day

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว +1

      I'm glad you liked the tutorial

  • @evonnelai6758
    @evonnelai6758 3 ปีที่แล้ว +2

    Hi! I did exactly and I got the effect I want! Thank you so much :) :) :) Stay safe!

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว +1

      You're welcome 😊

  • @interfilmproductions9312
    @interfilmproductions9312 ปีที่แล้ว

    Can you please link a download button so we just download what you just did :)

  • @weare3dprofessionals398
    @weare3dprofessionals398 3 ปีที่แล้ว

    شكرا

  • @skmdfaysalislam1259
    @skmdfaysalislam1259 4 หลายเดือนก่อน

    thx man

  • @angeliquewakuatelierdigita5231
    @angeliquewakuatelierdigita5231 2 ปีที่แล้ว +1

    I'm afraid it didn't work for me... When scrolling the menu is still transparent and I absolutely sticked to your tutorial 😥

    • @WpLifestyle
      @WpLifestyle  2 ปีที่แล้ว

      I'm not sure why it's not working for you, you probably missed something or you have some other plugins installed that are causing it. I have double-checked it and it's working fine, you can download the template here: shop.wplifestyle.com/freebies

    • @angeliquelr712
      @angeliquelr712 2 ปีที่แล้ว

      @@WpLifestyle Thanks for your answer. I am working on local, can this be an issue ? The website is brand new, no plugins are installed yet. I tried to download the template in my divi's library but I am having the message "the file should not be imported in this context". Seems like I'm definitely doing something wrong 😅

    • @angeliquewakuatelierdigita5231
      @angeliquewakuatelierdigita5231 2 ปีที่แล้ว

      @@WpLifestyle Oh I found my mistake ! I didn't create the menu in "appearance first". My bad ! Thanks !!

  • @mahadyjuwel536
    @mahadyjuwel536 3 ปีที่แล้ว

    Dear Sir,
    I can't find sticky option. Please help me

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว

      Follow the tutorial step-by-step, you will find it

    • @WpLifestyle
      @WpLifestyle  3 ปีที่แล้ว

      You need to activate the stick option for sticky header to work. Click here 9:52 and learn how to activate the sticky option