Divi Header Design | How to make a custom header in Divi

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

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

  • @kathleenlavery460
    @kathleenlavery460 4 года назад +22

    Mak - I cannot tell how many times your videos have saved the day. Thank you for all you do!

  • @poolman20001
    @poolman20001 3 года назад +6

    I love you dude! You have helped me a lot over the years with Divi! Keep up the good work man, is really good stuff. Quick and simple.

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

    Perfect directions! Thank you, DIVI's MAK!

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

    Ok, this made it SO easy to learn! Thank you so much.

  • @benjaminwymer7397
    @benjaminwymer7397 3 года назад

    Super helpful! Saved me hours of work and makes my site that much better!

  • @snmediagroup4251
    @snmediagroup4251 3 года назад

    Divi is one of the best tools on the market!

  • @TG-cz6md
    @TG-cz6md 2 года назад +1

    Mak, your teachings are so great that I stopped listening french teachings (I'm french), even if it's more challenging, the results for me are amazing. Thx a lot really.

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

      You're very welcome!

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

      @@sitekrafter from where can we add the sicky header option in padding? Please guide me about this.

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

    Love u dear ... your every video makes me stress free ...

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

    How do I align the menu with the logo vertically?

  • @Gozycode-Academy
    @Gozycode-Academy 2 года назад

    Thanks for the tutorial brother! It saved my day as well! Cheers.
    Steve @ Gozy Mobile Solutions

  • @metal4eva208
    @metal4eva208 2 года назад +1

    Great video !

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

    Great Tutorial. 👍

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

    Super mega good you’re the best

  • @davidromero7823
    @davidromero7823 3 года назад

    I love your videos. thanks man!!!

  • @Whiz_The_Mindbender
    @Whiz_The_Mindbender 3 года назад +1

    Amazing content right there. One thing though, don't you think removing socials from phone/tablet is a bit impractical for a solution?

  • @luistriana
    @luistriana 3 года назад +1

    Gracias, buen tutorial.

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

    Great - thank you!

  • @LilianTarot
    @LilianTarot 4 года назад

    Ideally, in the mobile version, the drop-down menu should occupy its own space as a block that displaces everything else when it is opened, that way, if there is advertising ADS, the drop-down does not overlap with the ad. Could you make a tutorial with it? Thank you.

  • @owenL
    @owenL 4 года назад +1

    Thanks Mak. Always great!

  • @pinksugarfluff
    @pinksugarfluff 3 года назад

    Awesome Teacher!

  • @tarakrahman3769
    @tarakrahman3769 3 года назад

    very nice video

  • @kiaraepperson8071
    @kiaraepperson8071 3 года назад +2

    what is that css code to align everything in the midde?

  • @LucasAlmeida-fx6eb
    @LucasAlmeida-fx6eb 3 года назад +1

    Finaly some good at teaching Divi! thanks man!

  • @tarakrahman3769
    @tarakrahman3769 3 года назад

    Love you Dude!

  • @laurenstephens9070
    @laurenstephens9070 3 года назад

    This is great! Thanks.

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

    Thank you!

  • @v.k.5222
    @v.k.5222 2 года назад

    This is so good--thank you!!

  • @dhammikadissanayakamudiyan725
    @dhammikadissanayakamudiyan725 3 года назад

    wow great video,

  • @aminsab8893
    @aminsab8893 4 года назад

    great tuto Make.
    that was a good methode to costumize header.
    easy and good.❤️💎

  • @alejovegab
    @alejovegab 4 года назад +1

    Hey Mak, awesome tutorial!! I have a question. I have a membership website, when I log out and click on the back button on the browser, my website shows protected content again. Can you please help me? Thanks a lot

  • @gizhekhairelddine7109
    @gizhekhairelddine7109 3 года назад

    thank you so much for the tutorial! :3

  • @kriscounselorhealth8460
    @kriscounselorhealth8460 3 года назад

    Hi MAK, I am writing to you from Italy. I would like to know what the procedure for setting layout pages for proper visibility on tablet and phone. Thank you very much.

  • @misschief.artist6954
    @misschief.artist6954 3 года назад

    You are amazing. Thanks a lot

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

    Hello, I made a full width custom header, it displayed well on a 1920p screen, but when displaying it on a 1366p screen, it got messed up..what's wrong?

  • @samiulhaq318
    @samiulhaq318 4 года назад

    Awesome video

  • @AgileWaters
    @AgileWaters 3 года назад

    This is an amazing video! I only have 2 problems. My menu is long, and it looks like people can't scroll the menu, to see all menu items, on a phone. And, how do I get the Cart icon to show?

    • @AgileWaters
      @AgileWaters 3 года назад +1

      I figured out how to get the shopping cart. Just need to know how to scroll a long menu on a device.

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

      @@AgileWaters Has anyone found a solution to the scrolling issue?

  • @ropwoodworking
    @ropwoodworking 3 года назад

    You are a great teacher! I'm one year late though, and Divi seems to have changed a lot. I find out that they have moved the scroll option to" Advanced" but I can't find out where I change the padding, and background color when the scrolling starts?

  • @bimjean1053
    @bimjean1053 3 года назад +3

    Thank you very much! :) Does anyone know how to make the header overlap the website content instead of "pushing it down"? When I make the lower of corners of my header round it does not overlap the picture on my front page and therefore there is a white background where the corners have been.

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

      Hi, have you ever figured out the white section exposed under the header when scrolling? I am sitting with this issue now. :(

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

    Thank You

  • @Beam28
    @Beam28 3 года назад

    Thanks for the great tutorial 👍👍

  • @darkdaw77
    @darkdaw77 3 года назад

    Hi, wonderful tutorial, thank you. However I have a problem with the search box in the primary menu, I can't change the text colour. Does anyone know how to change it via CSS? Thank you

  • @Jornes83
    @Jornes83 3 года назад +1

    Hi! I'm new to Divi. I would like to ask, how to make the social icon with hover effect available?

  • @SafeDriverTraining
    @SafeDriverTraining 4 года назад

    Hi Mak
    I bought learndash and divi through your links but where do i send the invoice copy so i can get access to your courses?

  • @Alphadragon1979
    @Alphadragon1979 3 года назад

    Amazing man! Thanks so much! I do have one quick question...how would I resize the logo? I've been trying and it just seems to refuse to resize. I've made it sticky as well, tried changing the sticky size and it just doesn't work at all.

  • @bendostorebendostore8004
    @bendostorebendostore8004 4 года назад +3

    Maybe you need to make a video tutorials for custom humberger menu potitions on mobile..because by default only on left..so how to set humberger menu to right..

  • @reborysgh143
    @reborysgh143 3 года назад

    Good

  • @explorewitharahman
    @explorewitharahman 4 года назад

    brilliant tut....tnx a lot...

  • @Kamalpurohit05
    @Kamalpurohit05 4 года назад

    Great Job Mak... love it

  • @tv175s3
    @tv175s3 3 года назад

    For me the CSS code display: flex; didn't work with a 3-column row as 1/4-1/4-2/4. When I changed the row to 1/4-2/4-1/4 colums it started to work, I can't explain why.

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

    How to move a cart icon further right from the menu?

  • @tulasisindhu2542
    @tulasisindhu2542 3 года назад

    If we take two rows in a section, how to reduce the height of the header.

  • @nargiskhatun4116
    @nargiskhatun4116 3 года назад

    How to change the hamburger icon color? Please tell me.

  • @PRAFITJOSIAH
    @PRAFITJOSIAH 4 года назад

    Nice Works Perfect!

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

    How we can make language button in divi header ?

  • @wordpressstan4012
    @wordpressstan4012 4 года назад +2

    Question, when choosing transparent for the default state, my main site now just shows as white. When choosing 2 different colors it works perfectly, but transparent just shows a white space as default state at the top instead of putting menu over top of my background image below.
    Any suggestions?

    • @Meaverickk
      @Meaverickk 3 года назад +1

      Same here. Do you already know something to fix it? Please tell me if you do!

    • @angelamcquistion3533
      @angelamcquistion3533 3 года назад

      I had this problem as well since I am using a fullwidth global menu. I discovered that the custom menu it is sitting above/before any page content rather than overlaying on top. This is why the white page background is showing. To get around this, I had to go in and make the bottom margin on the fullwidth menu a negative value (-120px). Then to compensate any spacing issues, I added some top padding to each page's content. Hope this helps!

  • @MrRawUK
    @MrRawUK 3 года назад

    Oddly when i make changes to the image the whole thing stretches out on the builder. Unless i have things set to auto i cannot change anything.

  • @rafaelcavalcanti9722
    @rafaelcavalcanti9722 3 года назад

    i love you, brother.

  • @tallkevin01
    @tallkevin01 4 года назад

    Thanks for the video.

  • @spitsparrow
    @spitsparrow 3 года назад

    is it true that when u do this you no longer have ANY mobile menu styling options in divi

  • @Meaverickk
    @Meaverickk 3 года назад +1

    Someone, please help me: When I change the color to anything other than transparent, it works. But when I want to make the background transparent, it stays white! I can't seem to find a solution on my own.

  • @petrenicolescu493
    @petrenicolescu493 3 года назад

    What if I want to keep the social media module on mobile devices? Are the mobile users not allowed to use this feature? How do you properly align the social media module? Otherwise, let's just hide everything that doesn't look good on the first try.

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

    why when i add custom global footer then the layout of my page changes and header disable

  • @ajantharubanshangaralingam7697
    @ajantharubanshangaralingam7697 4 года назад

    hi mak, how to make custom header in divi + woo-commerce like amazon with bigger search bar . i have search more videos but elemantor got divi dont have

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

    Love you Mak

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

    I didn’t get sticky option

  • @Hassan-re8kh
    @Hassan-re8kh 3 года назад

    the dropdown menu came when you changed the size to mobile but what if we want it in desktop site

  • @merkatinocloud
    @merkatinocloud 3 года назад

    Thank you :)

  • @lmimanajia1028
    @lmimanajia1028 4 года назад

    Think you

  • @x.rubiks
    @x.rubiks Год назад

    i am a divi sub
    how can i get the course
    plz help
    thx

  • @hoopstalkcentral
    @hoopstalkcentral 3 года назад

    they dont have sticky option in 2021

  • @asabeaagyemfra1847
    @asabeaagyemfra1847 4 года назад

    that's cool . but how can i add more email recipient to divi forms molude

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

    Nice video.Please tell me how to place to logos in the menu bar? Both will be inline with the menu items. The 2nd logo will be a little away from the st logo and centered between the menu items like Home, About us Contact

  • @adeelshahid5925
    @adeelshahid5925 4 года назад

    BUT HOW CAN WE ADD CART ICON ON CUSTOM HEADER IN DIVI? IF anyone knows please response .thanks

  • @davideguerrieri9017
    @davideguerrieri9017 3 года назад

    It doesn't work for my guys. Everytime I try to change the section size while scrolling it remains the same size. I've followed the tutorial and seen it about 20 times. What could it be wrong? Moreover when I change some colors of spacings it changes the size of my logo (in the home page not in the working one). Please help me!

  • @Hassan-re8kh
    @Hassan-re8kh 3 года назад

    why the dropdown menu didn't show for desktop?

  • @-ant-5808
    @-ant-5808 3 года назад

    Hey, does someone know how to add | between each menu item

  • @websiteemail4900
    @websiteemail4900 4 года назад +2

    Nice but we really need way better mobile menus than a dropdown.

  • @reda7429
    @reda7429 4 года назад +1

    GOAT

  • @federicodonatone5909
    @federicodonatone5909 3 года назад

    Love u

  • @evonnelai6758
    @evonnelai6758 3 года назад

    Mak!!! Thank u!

  • @ttowntshirts
    @ttowntshirts 4 года назад

    I still for some reason cannot get the mobile drop-down menu to show up no matter what background I change it to

    • @joeys7570
      @joeys7570 3 года назад

      He won’t write back

    • @ttowntshirts
      @ttowntshirts 3 года назад

      @@joeys7570 he dont ever

  •  4 года назад +1

    when this effect is tested in the mobile version, an error occurs, a spacing, how to solve it?

  • @perfecto1701
    @perfecto1701 4 года назад

    You should've placed the social media icons within the dropdown menu on mobile view, getting rid of them was a silly solution, no doubt you're a web designer mate.

    • @sitekrafter
      @sitekrafter  4 года назад +2

      I prefer not to have them.

  • @Chaundell81
    @Chaundell81 4 года назад

    Hi Mak. I’m wondering when someone will respond to my email. I purchased Divi with your link and can’t wait to see your course. Hope my email didn’t go to spam🤦🏾‍♀️

    • @joeys7570
      @joeys7570 3 года назад

      He won’t write back

  • @mikec9057
    @mikec9057 4 года назад

    there is no sticky position menu in my divi , why?

    • @sitekrafter
      @sitekrafter  4 года назад +1

      Update Divi to the latest version.

  • @spitsparrow
    @spitsparrow 3 года назад

    When you go to mobile view the hamburger is no longer centred

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

    Your links don't work. You don't give the freebies that you said after I bought from one of your links. SMH

  • @phlprinting
    @phlprinting 3 года назад

    mobile

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

    hi, requesting to publish a video on Divi "Read More" Button with jQuery - Reveal a Hidden Section on Click. thanks