How to Animate Your Global Header with Divi

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ส.ค. 2024
  • Your header is one of the most important parts of your website. It connects your pages, posts, and calls to action.
    It’s also one of the things your visitors automatically go looking for, so they don’t waste any time finding what they’re looking for. If you’re looking for a way to emphasize your header, you’ll enjoy this post. We’ll show you how to animate your custom-built global header using Divi’s Theme Builder.
    The possibilities are endless, but we’ll show you two animation examples that you can get started with right away. You’ll be able to download the JSON files for free as well!
    Read more: www.elegantthemes.com/blog/di...
  • แนวปฏิบัติและการใช้ชีวิต

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

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

    This man is a genius! Thank you for all that you do. I use Divi because the tutorials are so clear. Plus, the free modules are unbeatable.

  • @franklopez8026
    @franklopez8026 4 ปีที่แล้ว

    Love it! We will give a try this week!

  • @ivoireservices3251
    @ivoireservices3251 4 ปีที่แล้ว +1

    Thanks ! I love it .

  • @chocolatevegangirl1056
    @chocolatevegangirl1056 4 ปีที่แล้ว

    Worked out great thank you😉

  • @helioalexandrino7
    @helioalexandrino7 4 ปีที่แล้ว +1

    Thank you!!!!!🙌🏾🙌🏾🙌🏾🙌🏾

  • @bySterling
    @bySterling 4 ปีที่แล้ว +2

    So cool. Curious does the animation work on mobile view?

  • @peterbidorf8480
    @peterbidorf8480 4 ปีที่แล้ว

    Very cool. How can I bring the menu to the left and the logo to the right?

  • @fieryeagle9748
    @fieryeagle9748 4 ปีที่แล้ว +1

    I'm having a problem with this awesome tutorial and I'm not sure if it's because of the latest Divi Theme update 4.4.2 - the box shadow below the header doesn't show and the mobile dropdown menu also appears to get stuck behind the homepage bakground image when I go to the frontend. If I make the background image smaller instead of 100% I can see both the header dropshadow and the mobile dropdown menu appearing a bit on the sides. I've made sure the z-index of the header is 999 so in theory all parts of the header should appear in front of the homepage image! Any solution would be appreciated.

  • @angeliquebergerEXDB
    @angeliquebergerEXDB 4 ปีที่แล้ว

    Hi Mac, how might one center a logo in between the menu in the new Global Header?? Thanks so much! Your vids are great!

    • @TechMyLifeVideo
      @TechMyLifeVideo 4 ปีที่แล้ว

      angelique berger go into the menu settings > design > layout > style > Inline Centered Logo

  • @con2mms2000
    @con2mms2000 4 ปีที่แล้ว +2

    Is there any option to animate or change the background when scrolling?

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

      not yet, but you can try to use the sticky options with 2 images on the same spot to switch when people scroll.

  • @studio47designer61
    @studio47designer61 4 ปีที่แล้ว

    Hello . How to create site real estate and Divi theme ?

  • @Vitorlk
    @Vitorlk 4 ปีที่แล้ว

    Can u guys create a tutorial showing how to create a "hamburger" mobile menu with theme builder?

    • @elegantthemes
      @elegantthemes  4 ปีที่แล้ว

      The Default menu should automatically switch to Hamburger menu on mobile version. Best bet is to open a chat with Support if you need further help. www.elegantthemes.com/members-area/help

  • @andro_meda
    @andro_meda 4 ปีที่แล้ว

    Blog post page please bro

    • @elegantthemes
      @elegantthemes  4 ปีที่แล้ว

      You can check it out here: www.elegantthemes.com/blog/divi-resources/how-to-animate-your-global-header-with-divi

  • @TechMyLifeVideo
    @TechMyLifeVideo 4 ปีที่แล้ว

    10:00 if you actually want the animated part.

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

    What on God's earth is a Zed-Index??? I've heard of Z-Index before...