Elementor Pro Flex Box Container Tutorial: Creating Amazing Headers

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

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

  • @vincentlockhart1
    @vincentlockhart1 10 месяцев назад +4

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

  • @RohanGillett
    @RohanGillett 9 месяцев назад +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 7 месяцев назад

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

  • @Vichion
    @Vichion 7 месяцев назад +2

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

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

  • @elisabethvismans
    @elisabethvismans 8 месяцев назад

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

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

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

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

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

  • @elhilolatino
    @elhilolatino 7 месяцев назад

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

  • @이상훈지혜
    @이상훈지혜 Год назад

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

  • @tashuys
    @tashuys 8 месяцев назад

    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 2 месяца назад

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

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

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

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

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

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

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

    • @ferdycom
      @ferdycom  Год назад +1

      You are welcome 😊

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

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

  • @GiantLeapLife
    @GiantLeapLife Год назад +1

    omg, it works! thank you for this tutorial!

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

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

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

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

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

  • @zerobambiro
    @zerobambiro 8 месяцев назад

    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.

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

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

    Thank you, Fredy. Your lessons are impressive!

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

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

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

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

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

    Best tutorial so far! ❤

  • @aybhjm
    @aybhjm 11 месяцев назад

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

  • @morrison3599
    @morrison3599 Год назад +1

    Well done Ferdy

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

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

  • @SaimTravelogue
    @SaimTravelogue 9 месяцев назад

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

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

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

  • @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 ❤❤❤

  • @bharatgami8093
    @bharatgami8093 9 месяцев назад

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

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

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

  • @loudesigns1682
    @loudesigns1682 8 месяцев назад

    Thank you ferdy!

  • @mrs3018
    @mrs3018 7 месяцев назад

    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  7 месяцев назад

      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 😊

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

    Always the best tutorials!

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

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

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

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

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

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

  • @shawnbarnicle
    @shawnbarnicle 11 месяцев назад

    Big help Ferdy!

  • @arhipandrei05
    @arhipandrei05 8 месяцев назад

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

  • @turktrektrekking-hikinglyc2095
    @turktrektrekking-hikinglyc2095 5 месяцев назад

    great tutorials

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

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

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

    how to overlay menu on next element like hero slider ?

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

    Awesome video…

  • @MDC885
    @MDC885 4 месяца назад

    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 =(

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

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

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

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

    Can you provide this header template for us to use?

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

    Very nice bro

  • @nessamadigan7834
    @nessamadigan7834 6 месяцев назад

    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  6 месяцев назад

      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.

  • @zabihallahkhan9546
    @zabihallahkhan9546 9 месяцев назад

    love it bro thanks alot

  • @igentechnolabs
    @igentechnolabs Год назад +1

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

  • @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 👍🏻

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

    very nice, great helping video

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

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

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

    More elementor pro broski ❤

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

    Thanks

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

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

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

    You are super!

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

    Hi Ferdy, can you do more flexbox videos

    • @ferdycom
      @ferdycom  Год назад +1

      Yes! That is the plan 😊✅

  • @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 9 месяцев назад

      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

  • @3rdtwirl494
    @3rdtwirl494 9 месяцев назад

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

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

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

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

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

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

    fabulous

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

    thank you!

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

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

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

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

  • @jamescallander5773
    @jamescallander5773 2 месяца назад

    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 2 месяца назад

      Are you going to answer mate??

    • @ferdycom
      @ferdycom  2 месяца назад

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

    • @jamescallander5773
      @jamescallander5773 2 месяца назад

      @@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 2 месяца назад

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

    • @jamescallander5773
      @jamescallander5773 2 месяца назад

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

  • @گیمپیشرو
    @گیمپیشرو Год назад

    Thanx bro

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

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

    hollo how create website movie similar imdb with elementor

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

  • @iVeals
    @iVeals 7 месяцев назад

    Good

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

  • @zerobambiro
    @zerobambiro 8 месяцев назад

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

  • @sangwanbimchannel
    @sangwanbimchannel 11 месяцев назад

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

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

  • @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 23 дня назад

    Thank you!! But why does nobody add search🥹