No video :(

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

Подписаться 82 тыс.

Просмотров 96 тыс.

50% 1

In this Divi Header Design, I show you step by step how to make a custom header in Divi. Divi header is an important part of your website because it helps people navigate your website.
Design your Divi header easily with this tutorial.
Get 10% OFF Divi Theme Builder - funnelstoincom... (Includes BONUS Course)
0:36 What we will be designing
1:37 Divi header design
1:51 Add Divi Glogal header
15:26 View final design

Опубликовано:

5 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@kathleenlavery460 3 года назад

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

@poolman20001 3 года назад

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.

@TG-cz6md 2 года назад

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 2 года назад

You're very welcome!

@bintesaif8360 Год назад

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

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

Divi is one of the best tools on the market!

@metal4eva208 2 года назад

Great video !

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

Glad you enjoyed it

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

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

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

Perfect directions! Thank you, DIVI's MAK!

@maka1510 Год назад

Great - thank you!

@benjaminwymer7397 2 года назад

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

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

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

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

Thank you so much 😀

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

Great Tutorial. 👍

@lennartverhoeven4496 Год назад

Thank you!

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

very nice video

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

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

@chadgarber Год назад

How do I align the menu with the logo vertically?

@kiaraepperson8071 3 года назад

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

@bendostorebendostore8004 4 года назад

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 2 года назад

Good

@luistriana 2 года назад

Gracias, buen tutorial.

@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.

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

Super mega good you’re the best

@Whiz_The_Mindbender 2 года назад

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

@KyleBevis-u7j 2 года назад

Yeah it's an absolute cop out.

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

Awesome Teacher!

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

I love your videos. thanks man!!!

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

Thank You

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

This is so good--thank you!!

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

You're so welcome!

@rafaelcavalcanti9722 2 года назад

i love you, brother.

@owenL 4 года назад

Thanks Mak. Always great!

@bimjean1053 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 Год назад

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

@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?

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

Thanks for the great tutorial 👍👍

@ropwoodworking 2 года назад

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?

@mirzarayeesbaig8241 Год назад

Love you Mak

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

thank you so much for the tutorial! :3

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

wow great video,

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

You are amazing. Thanks a lot

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

This is great! Thanks.

@LucasAlmeida-fx6eb 3 года назад

Finaly some good at teaching Divi! thanks man!

@alejovegab 4 года назад

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

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

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

@explorewitharahman 3 года назад

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

@aminsab8893 3 года назад

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

@Meaverickk 3 года назад

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.

@Ssubh4u 11 дней назад

I didn’t get sticky option

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

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

@samiulhaq318 3 года назад

Awesome video

@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.

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

Love you Dude!

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

Thanks for the video.

@kriscounselorhealth8460 2 года назад

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.

@wordpressstan4012 3 года назад

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 3 года назад

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

@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 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.

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

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

@tv175s3 2 года назад

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.

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

How we can make language button in divi header ?

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

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

@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

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

Love u

@Jornes83 3 года назад

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

@websiteemail4900 4 года назад

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

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

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

@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.

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

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

@Kamalpurohit05 3 года назад

Great Job Mak... love it

@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?

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

Thank you :)

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

why the dropdown menu didn't show for desktop?

@PRAFITJOSIAH 3 года назад

Nice Works Perfect!

@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 3 года назад

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

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

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

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

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

@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!

@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

@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 4 года назад

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

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

Mak!!! Thank u!

@lmimanajia1028 3 года назад

Think you

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

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

@reda7429 4 года назад

GOAT

@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 4 года назад

I prefer not to have them.

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

they dont have sticky option in 2021

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

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

@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🤦🏾‍♀️