Elementor Pro Flex Box Container Tutorial: Creating Amazing Headers

Поділитися
Вставка
  • Опубліковано 5 лис 2024

КОМЕНТАРІ • 133

  • @vincentlockhart1
    @vincentlockhart1 10 місяців тому +4

    This guy produces the BEST Word Press videos. Clear, precise and easy to follow. Thanks!

  • @RohanGillett
    @RohanGillett 10 місяців тому +7

    To be honest, I used to get quite frustrated with your tutorials. But I didn't understand how you were teaching. You showed how various things could be done sometimes in different ways. Whereas I was always looking for one specific answer. Obviously, I wasn't approaching your videos in the correct way. Now I realize, I need to go slowly through your lessons because you are teaching many people, not just me! So, great stuff! You do teach exactly what I want to know! Timestamping is such a helpful teaching tool.

  • @muneebanjamch
    @muneebanjamch Рік тому +3

    Best tutorial so far. Have tried numerous other tutorials that left me with frustrating errors, yours stood out as straightforward and effective-no unnecessary complications.
    Thank you for this comprehensive tutorial!

  • @alicjamichalik
    @alicjamichalik Рік тому +1

    I'm sure you hear it all the time, but I gotta say once more: You're awesome. Thanks Ferdy!

  • @Nicole-io6vk
    @Nicole-io6vk 8 місяців тому

    I'm at 0:50 and already liked because you already dropped so much value in the intro that i didn't know before👏🏼

  • @prodigywp
    @prodigywp Рік тому +1

    hey ferdy. thank you for existing. i just used your link to buy blocksy. also used discount coupòn. all smooth . keep existing. love u.

  • @dimitrispappas2411
    @dimitrispappas2411 9 місяців тому

    Best Header tutorial on the internet !!!

  • @elhilolatino
    @elhilolatino 8 місяців тому

    Thank you Ferdy!!! My first header: beautiful and really working.... Great lesson!

  • @daveswitzerland4442
    @daveswitzerland4442 Рік тому

    Ferdy lol "possible! Wow!" Lol, i Love your style, you are such a cool, positive, educative Person. Top!

  • @chadgarber
    @chadgarber Рік тому +1

    Wish I would have watched this video first! Great stuff!

  • @elisabethvismans
    @elisabethvismans 8 місяців тому

    Always love your tutorial Ferdy. My website needs a big overhaul. Will work on new headers tomorrow.

  • @ricr8987
    @ricr8987 Рік тому

    Best tutorial about header on the internet, thank you!! :)

  • @이상훈지혜
    @이상훈지혜 Рік тому

    I just purchased Elementor Pro expert plan from your link. Thank you.

  • @tashuys
    @tashuys 9 місяців тому

    Oh Ferdy, where have you been all my life! Thank you for this informative and well structured lesson. You're a very good instructor (I just wishlisted your courses on Udemy), and this is simultaneously a masterclass in teaching.

  • @Kevinpdoheny
    @Kevinpdoheny 3 місяці тому

    Thank you Ferdy, this was awesome and my new header looks great!!!

  • @Vichion
    @Vichion 7 місяців тому +2

    Dude, you scared me around 7:50, I was like, "THIS WAS THE TUTORIAL?!"
    I got bamboozled

  • @GiantLeapLife
    @GiantLeapLife Рік тому +1

    omg, it works! thank you for this tutorial!

  • @surenlakshan
    @surenlakshan Рік тому

    I’ve learned lot of things from you and Darrel Wilson. ❤❤ thanks for sharing your knowledge.

    • @ferdycom
      @ferdycom  Рік тому +1

      You are welcome 😊

  • @julioignacioberriossmok6311

    thank you Ferdy, I changed almost everything on my website header!

  • @TwitterTwits
    @TwitterTwits Рік тому

    👍👍👍🙏🙏 nice. After 5-6 videos i decided to watch this. Nice one

  • @SaimTravelogue
    @SaimTravelogue 10 місяців тому

    It's very helpful & super easy to understand the way you explain good job.

  • @latifahshay674
    @latifahshay674 Рік тому

    Thx Ferdy, super helpful!! (and I appreciate your sense of humor along the way 😊)

  • @RudaRdp
    @RudaRdp 6 місяців тому

    thank you for such a great video tutorial.....i'm pretty new, 1 question. when on mobile, how to show button inside the humburger menu?

  • @zerobambiro
    @zerobambiro 9 місяців тому

    It was nearly the perfect video about Headers. I just missed the new mega menu option from elementor or with the help from other tools like you have on your website.

  • @markbratton111
    @markbratton111 Рік тому

    Aren't containers great? Love it, keep these videos coming!

  • @granitkallaba9212
    @granitkallaba9212 Рік тому

    Thank you, Fredy. Your lessons are impressive!

  • @NIIIIIIIIIIIIccccckk
    @NIIIIIIIIIIIIccccckk 9 місяців тому

    Great video! in the part about Nested Containers, why you use another container to move the menu? Can't you just choose Item Position -> End? You don't need an extra container, it improves site speed

  • @tomossie-w2b
    @tomossie-w2b Рік тому

    He cheff, top video weer. Ben langzaam aan het beginnen met het bouwen van een site dankzij jou content. Biet alles lukt nog met het gemak waarmee jij het doet...maar begin is er. Bedankt en je hebt er een vaste volger bij......

  • @darreng-g
    @darreng-g Рік тому +3

    Great video, how do you get the Elementor controls at the top?

  • @PulseMarketingSolutions
    @PulseMarketingSolutions Місяць тому

    Always great content, weird question, I wanted to utilize the elementor header but using elements kit to add a mega menu, for some reason, it doesn’t show the drop-down even though I’ve got the correct menu selected. Any ideas?

  • @gordonmiller1
    @gordonmiller1 Рік тому

    You're the best! Thank you! Very helpful...

  • @MorisMEANJI
    @MorisMEANJI Рік тому

    Best tutorial so far! ❤

  • @aybhjm
    @aybhjm Рік тому

    Dude You Saved My Life 🤷🏻‍♂️🤝🏼

  • @naeemtech8206
    @naeemtech8206 Рік тому

    hey ferdy i am from Bangladesh and i have learned WordPress from your tutorial, plz make a video on e commerce header, specially on side category menu as like big e commerce header. plz make a vdo on it ❤❤❤

  • @morrison3599
    @morrison3599 Рік тому +1

    Well done Ferdy

  • @loudesigns1682
    @loudesigns1682 8 місяців тому

    Thank you ferdy!

  • @bharatgami8093
    @bharatgami8093 9 місяців тому

    @ferdykorpershoek great tutorial, how do you make the active menu item underlined in a different color to the menu text color?

  • @AluisioAffonso
    @AluisioAffonso Рік тому

    Always the best tutorials!

  • @lavalandtours
    @lavalandtours Рік тому

    Hello, Big thanks for video! Do you have any tutorial/to do list how to set elementor pro for best performance. For example I needed to activate Flex Box before working with this tutorial. And can you recommend please all plugins I need to instal for elementor extra performance?

  • @wowindiatechnical
    @wowindiatechnical Рік тому

    Very nice bro

  • @godswillisikpi
    @godswillisikpi Рік тому

    Hello Ferdy, First off, thank you for give so much value for free, I realy do appreciate.
    I have been trying to change edit the gradient colour of a section on my Divi website but there are no option for that.
    And this is also the same issue for other sections and rows.
    What do I do.

  • @emmanouil1453
    @emmanouil1453 Рік тому

    Well done Ferdy!
    Looking forward for *Footer* and *Go to Top* button.

  • @turktrektrekking-hikinglyc2095
    @turktrektrekking-hikinglyc2095 5 місяців тому

    great tutorials

  • @mrs3018
    @mrs3018 8 місяців тому

    Can I ask …. May seem like a silly question but is it worth having elementor pro and also blocksy pro ? I see that you have tutorials for building headers for both so I’m kinda confused.
    Thanks and looking forward to a reply 👍🏼

    • @ferdycom
      @ferdycom  8 місяців тому

      Great question! In my opinion you don't need both. With Elementor Pro you can create your whole website without using Blocksy, but its a bit harder. I prefer to get the best from both free versions 😊

  • @Claymore300
    @Claymore300 Рік тому

    Hello great video, I have a question, the presentation and colors of your wordpress back office are different from mine, yours is more practical! how to get the same? THANKS.

  • @AdaptifyLife
    @AdaptifyLife Рік тому

    Awesome video…

  • @shawnbarnicle
    @shawnbarnicle Рік тому

    Big help Ferdy!

  • @chadgarber
    @chadgarber Рік тому

    Would love this entire template. Been looking for this but couldn't find it.

  • @m__link6499
    @m__link6499 6 місяців тому

    How can we customize the hamburger menu of the header, for instance change the size, the color, ...? I can't find the way to do it. Thank you sir!

  • @taeconsulting
    @taeconsulting Рік тому

    Hi,
    Thanks for the tutorial, it's cool!
    I would like to create a drop-down menu but which is displayed in a rectangle and where it is possible to list the menus in a column.
    What is this style of menu called and how do I do it please?
    Thanks

  • @vineetkumar8221
    @vineetkumar8221 3 місяці тому

    Thanks

  • @tobias7716
    @tobias7716 Рік тому +2

    Hi Ferdy, at 4:47 - select your structure your tut shows 2 structures with each an arrow ( one pointing down, one right. In my pro version (updated right now) those structures dont exist. Where do i get them ?

    • @tobias7716
      @tobias7716 Рік тому +1

      solved - activated flexbox

  • @zabihallahkhan9546
    @zabihallahkhan9546 9 місяців тому

    love it bro thanks alot

  • @aroxstarpro814
    @aroxstarpro814 Рік тому

    very nice, great helping video

  • @migielfrancissen695
    @migielfrancissen695 Рік тому

    Hoi Freddy, mooie tutorial maar ik heb een klein probleempje. Wanneer ik de headers dupliceer (in the themebuilder) verschijnen ze onder elkaar en niet over elkaar heen. Ik kan het niet vinden waar dit in zit. Hoor graag van je.

  • @igentechnolabs
    @igentechnolabs Рік тому +1

    Hey make detailed video on Elementor AI which is not available on version 13.3 for free....

  • @giojio301
    @giojio301 Рік тому

    You are super!

  • @arhipandrei05
    @arhipandrei05 8 місяців тому

    how can I edit the container under the menu to look like yours, do you have a tutorial?v

  • @TrollHunterxXx
    @TrollHunterxXx Рік тому

    More elementor pro broski ❤

  • @chadgarber
    @chadgarber Рік тому

    Can you provide this header template for us to use?

  • @willcorzo2696
    @willcorzo2696 Рік тому

    Where can you find the tutorial on how to make the entire site?

  • @mahe82
    @mahe82 Рік тому

    Hey Ferdy
    Thank you for the tutorial.
    Do you know a tweak to "remove/hide" a container after some seconds? I tried out with the custom CSS with the "Code with AI", but it has not worked.

  • @wingsluxe
    @wingsluxe Рік тому

    fabulous

  • @gitzah
    @gitzah Рік тому

    Nice! Only comment on the expanded mobile menu is that with opening and closing the characters are being squeezed, which I don't particularly like. Is there a workaround for this to avoid?

  • @Billionaire_shorts_sigma
    @Billionaire_shorts_sigma Рік тому

    Hello Fredy
    I want to know how to make a website from templately feature of packs in which they give us a bundle of 5 or 6 pages.i am getting confused about how to link all that pages to make a website. please reply me soon.
    thank you

  • @ejalvin8286
    @ejalvin8286 Рік тому

    I’m not sure what I’ve got to do, but if I can develop the skills to be as good as you at this, I can absolutely dominate my local market for sure!

  • @webdesignlondon
    @webdesignlondon Рік тому

    how do I create space on the right of the hamburger menu as both padding and margin are having no effect?

  • @surenlakshan
    @surenlakshan Рік тому

    I need to know how to add ajax search bar in the header optimized for all devices. I tried lot of free plugins but didn’t satisfy my expectations. Any suggestions?? Please let me know.

    • @ferdycom
      @ferdycom  Рік тому +1

      Advanced Woo Search. Not sure if it is for blogposts.

    • @surenlakshan
      @surenlakshan Рік тому

      @@ferdycom thnx I’ll try 👍🏻

  • @gireeshkottayam9972
    @gireeshkottayam9972 Рік тому

    how to overlay menu on next element like hero slider ?

  • @javedobaid5926
    @javedobaid5926 Рік тому

    Hi Fredy, great job making it easier for the beginners and pro as well,
    wondering if you can have a tutorial for the portfolio page similar to behance portfolio, which is much easier and user friendly, it might be up their (if it is please provide the link) if not it would be a great help if you have considering create tutorial! regards

  • @OnlyPrinceJha
    @OnlyPrinceJha Рік тому

    Please suggest a contact form
    -Multi step
    -Conditional formatting
    -Appointment booking
    All above features in one contact form

  • @theodorereid6129
    @theodorereid6129 Рік тому

    thank you!

  • @georgelbeale
    @georgelbeale Рік тому

    What is the name of the color picker extension were you using?

  • @MDC885
    @MDC885 5 місяців тому

    How come the Mobile view in the editor doesn't match what I see on my phone? I'm working on the mobile header/menu. In the editor, it's properly placing the logo and hamburger menu on the same line (logo left and hamburger on the right) but on my actual phone, it's showing the logo in the center, and the hamburger on the right, but below the plane of the logo. I even reset the display settings on my phone to default text size. I followed your tutorial to the letter but can't get my phone to look like what I see in my web browser when I size it down. Frustrating =(

  • @nessamadigan7834
    @nessamadigan7834 7 місяців тому

    Hi Ferdy, I am using your header tutorial. The text of my menu has changed and looks like its faded and the same has happened on my contact form on another page which i hadn't edited. Any ideas what I may have incorrectly done?

    • @ferdycom
      @ferdycom  7 місяців тому

      It could have something to do with the z-index. That is a layer in WordPress. You can go to the container or elekent, advanced and fill in a positive or negative z-index in order to get the right elements in front of others.

  • @iVeals
    @iVeals 7 місяців тому

    Good

  • @گیمپیشرو
    @گیمپیشرو Рік тому

    Thanx bro

  • @iragenaheritier808
    @iragenaheritier808 Рік тому

    Hi Ferdy, can you do more flexbox videos

    • @ferdycom
      @ferdycom  Рік тому +1

      Yes! That is the plan 😊✅

  • @jamescallander5773
    @jamescallander5773 3 місяці тому

    Problems in tablet view. Why do I have to adjust min height of the flex container? The nav menu overlaps the logo/image

    • @jamescallander5773
      @jamescallander5773 3 місяці тому

      Are you going to answer mate??

    • @ferdycom
      @ferdycom  3 місяці тому

      You can adjust the Z-Index. Does that work?

    • @jamescallander5773
      @jamescallander5773 3 місяці тому

      @@ferdycom Hi Ferdy. No it doesn't work. I've followed your video step by step multiple times. Your tablet dropdown menu goes below your logo.Mines overlaps . What's the issue ?

    • @jamescallander5773
      @jamescallander5773 3 місяці тому

      I've had to reduce the logo size in tablet for it to work. Is this a glitch in Elementor Pro?

    • @jamescallander5773
      @jamescallander5773 3 місяці тому

      Any help appreciated mate. I've scoured the internet and still can find a solution, other than make the logo smaller in tablet

  • @themotivationchronicles_
    @themotivationchronicles_ Рік тому

    Hey Ferdy, how do you edit your videos, very engaging!... thanks for your videos

    • @ferdycom
      @ferdycom  Рік тому +1

      I use Adobe Premiere.

    • @ecomcoaches6897
      @ecomcoaches6897 Рік тому +1

      Exactly what I need. Good video how to create a header in elementor Thx a lot again

    • @themotivationchronicles_
      @themotivationchronicles_ Рік тому

      @@ferdycom woaw beautiful. Grateful for your videos. Any tips on how to land design clients in my country - Ghana. Hope you can share some general tips...

  • @AIGahan
    @AIGahan Рік тому

    Ferdi, I don't know why you use the dark interface for your videos it's so difficult to see the texts when you are doing the tutorial!

  • @CatrineHansen-j8r
    @CatrineHansen-j8r Рік тому

    Hi Ferdy,
    Is it possible to make the "services" page in the menu so it isn't a active link? I would like the dropdown which says services, but only links on the dropdowns.

    • @rickymartinez4950
      @rickymartinez4950 10 місяців тому

      on your wordpress dashboard go to appearance>menu>custom links>type # on the URL section> type "Services" in link text section>add to menu>delete the service page you already had>drag your services under the new custom link you created

  • @xerofit1397
    @xerofit1397 7 місяців тому

    Why does the effect offset doesnt work. it doesnt show the animation on the offset 😥

  • @egidijusmailing9278
    @egidijusmailing9278 Рік тому

    Hey, why do I see different Elementor Ui in your video?

  • @srbhrawat
    @srbhrawat Рік тому

    Hey fredy, I can see some of the options are not present in my plan.
    Can you clarify why this is happening ? I too have pro plan

    • @ferdycom
      @ferdycom  Рік тому +1

      Hey! Yes, go to the backend, Elementor, Settings, Features and activate every feature 😊

    • @srbhrawat
      @srbhrawat Рік тому

      @@ferdycom Thanks, now I can work feature rich. 🍻

  • @ABDPsychology
    @ABDPsychology Рік тому +1

    Hey Ferdy love your videos. Great content and good tutorials, but the amount of ads is making it very difficult to watch... 30 seconds of ads at the start + 15 seconds of ads whenever you skip around and then a few more ads during content, its overwhelming despite the quality content

  • @lushprod
    @lushprod 6 місяців тому

    how can you change the header nav from singular to on every page?

    • @ferdycom
      @ferdycom  6 місяців тому +1

      Click on the arrow next to publish and change the conditions to "Include / Entire Website"

    • @lushprod
      @lushprod 6 місяців тому

      @@ferdycom tnx! nice tutorials, anu idea why my header looks broken in Chrome and fine in safari?

  • @3rdtwirl494
    @3rdtwirl494 9 місяців тому

    i think i deleted my menu bar. how can i get it to show agai

  • @fahadraee115
    @fahadraee115 Рік тому

    Why you can't make videos on bricks theme builder which is very popular and very fast website builder then elementor .

    • @iwbowden
      @iwbowden Рік тому

      If you were Ferdy and you made a substantial part of your living creating instructional YT videos, would you produce them for an audience of a few thousand (Bricks) or a few million (Elementor) users?!

  • @zerobambiro
    @zerobambiro 8 місяців тому

    .sticky-header {
    top: -70px !important;
    z-index: -1;
    transition: top 1s ease !important;
    }
    .sticky-header.elementor-sticky--effects {
    top: 0 !important;
    }

  • @sivhfhdcnd
    @sivhfhdcnd Рік тому

    hollo how create website movie similar imdb with elementor

  • @TheStrategist314
    @TheStrategist314 Рік тому

    Jeeezus Ferdy, turn it DOWN mate. 34:10.

  • @sangwanbimchannel
    @sangwanbimchannel 11 місяців тому

  • @AutumnCraftz-RachelBurkett
    @AutumnCraftz-RachelBurkett Рік тому +1

    Hi Ferdy, can I ask what theme you are using in this tutorial ? I have Astra Pro and the main theme builder looks nothing like the one you are using and when I create the page I don’t have the option to have one panel and insert various items ie… image, menu and button in one panel I have to choose 3 sections. Hope that makes sense.

    • @annette-in-vegas
      @annette-in-vegas Рік тому

      I think he is using Blocksy.

    • @AutumnCraftz-RachelBurkett
      @AutumnCraftz-RachelBurkett Рік тому +1

      @@annette-in-vegas Thank you Annette, I bought Astra on his recommendation and now he has changed lol. Although that’s how they make an income. They can’t stick with the same thing or they would never earn anything. Thanks for your help.

    • @annette-in-vegas
      @annette-in-vegas Рік тому +1

      @@AutumnCraftz-RachelBurkett Blocksy does have a free version (like in his video). It is an awesome theme!

    • @MrMairu555
      @MrMairu555 Рік тому +1

      @@annette-in-vegas I'll second that. Loads of features in Blocksy (free) that you would normally pay for with other themes. Ferdy advocated it in his 4hr Flexbox Container tutorial.

  • @call.memaybe
    @call.memaybe Рік тому

    Hey Ferdy! Was trying to reach you via email. Do you accept any partnership invitations?

    • @ferdycom
      @ferdycom  Рік тому

      Hey! I just replied 😊

  • @hrearning
    @hrearning 11 місяців тому

    🙂

  • @lavalandtours
    @lavalandtours Рік тому

    How to change "Publish" to go up like in your Elementor settings?

    • @ferdycom
      @ferdycom  Рік тому

      Update to a beta version of Elementor. Or to the newest version of Elementor.

    • @lavalandtours
      @lavalandtours Рік тому

      @@ferdycom Thank you!

  • @MuhammadAhmed-vq4qe
    @MuhammadAhmed-vq4qe 3 місяці тому

  • @timahmelvin5425
    @timahmelvin5425 Рік тому

    Greetings sir
    Please how can I contact you
    I need a website 🙏
    I need a monetized blog website

  • @mcbroccolinnen
    @mcbroccolinnen Місяць тому

    Thank you!! But why does nobody add search🥹