Creating A Unique Header With Elementor Pro: Step-by-step Guide

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

КОМЕНТАРІ •

  • @chonque_del_monte
    @chonque_del_monte Місяць тому +2

    Thanks for your knowledge. It's rare to see such quality in teaching for free. I'm a data analist, fluent in python but don't know almost anything about web development: thanks to you it's another road i'm beginning to travel.

  • @chizotamichael3312
    @chizotamichael3312 7 місяців тому +14

    Ferry, I must say you are one consistent guy. I started watching and learning from you since 2014.

  • @addeyderoubaix1767
    @addeyderoubaix1767 5 місяців тому +2

    Ferdy, you are the most professional mentor I have encountered. I hope that you and family are happy, healthy and lucky!

  • @HodaMcClymont
    @HodaMcClymont 4 місяці тому

    Ferdy! You are amazing! I just can’t thank you enough for you video! Ur teaching method is 10 ot of 10, ur video is super methodical and comprehensive!

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

    This was an excellent tutorial, and got me out of a bind. The header builder tool for my "pro" theme was terrible, and left me with a banner that couldn't be easily removed. Following this tutorial, along with turning off the theme header entirely, fixed the problem. Thanks, Ferdy!

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

    Its always a treat to watch & learn from you. Keep going...🎉🎉🎉

  • @MBAinternetmktg
    @MBAinternetmktg 7 місяців тому +1

    Thanks!

  • @kamrulislam-n8p
    @kamrulislam-n8p 7 місяців тому +3

    First Comment Ferdy response Please. Love from Bangladesh 🇧🇩

  • @MBAinternetmktg
    @MBAinternetmktg 7 місяців тому +1

    Another great tutorial, thank you, Ferdy!

  • @mcbroccolinnen
    @mcbroccolinnen 2 місяці тому

    Wonderful tutorial!! Thank you sooo much.

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

    Ferdy, if you knew since i try this overlay! a big thank you

  • @pharmhealth3891
    @pharmhealth3891 7 місяців тому +1

    Ferdy, Please i need help
    I want the submenu indicator arrow to show only for mobile and not for desktop and tablet.
    Anytime i try adding to only mobile, it shows on both tablet and desktop.
    Any help, i can't find any video that teaches that.

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

      I have the same problem and it is very frustrating. When you set everything for mobile, it changes again for desktop. Ferdy, is there a solution for this problem?

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

    Thanks Ferdy great videos. I have an ask for you; does include this elementor pro series woocomerce too?

  • @webtappers7863
    @webtappers7863 7 місяців тому +1

    GREAT tutorial, thanks Ferdy!

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

    You're a miracle.. Keep it up
    Greetings from Algeria

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

    thanks Ferdy, Very clear and easy to follow. Nice one

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

    thanks for the tutorial, let me ask you a question. why when i change for responsive for tablet and mobil, it changes the structure for desk to. thank you.

  • @dssemulate
    @dssemulate 2 місяці тому

    Ferdy, I like your new website and I noticed you built it with Bricks

  • @webfotografica96
    @webfotografica96 2 місяці тому

    Great video, neverthless did you try with additional breakpoints (not just the three in the video)? Just like to be sure that this guide works for laptop video as well.

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

    ferry good teaching thanks

  • @mariano-cucinotta
    @mariano-cucinotta 5 місяців тому

    Hi thanks for the tutorial. Not knowing the English language, I struggle to follow the tutorial with subtitles and the video. I want to ask you if you could make the .json file available for a fee if necessary.

  • @ericlaperre294
    @ericlaperre294 7 місяців тому +1

    Ferdy,
    Thanks for your great tutorials, I learned a lot by watching and following the way you develop websites.
    In another tutorial you used the theme Blocksy and in my test website, I made the header and footer in this theme. As I have now Elementor pro, I would like to remake the header and footer with Elementor Pro and follow your tutorial "How to make a custom Header (and footer as well) using Elementor Pro". How can I replace the Blocksy header and footer with the ones I can make in Elementor Pro?
    Thanks in advance for your help.
    Eric.

  • @johncosta624
    @johncosta624 4 місяці тому

    Ferry when I do the stick header using the code, on my transparent header I’m not able to see the logo?
    Any ideas? I will rewatch again to see if I have missed something, but for today I’m done.
    Spent nearly all day to accomplish something that doesn’t work 🤣

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

    Hey, allereerst super dank voor de fijne video's! Vraagje, als je met elemtor pro een header wil maken, maar er zit ook al een header in je theme (bijvoorbeeld Blocksy) kun je dan deze stappen zetten of moet je dan eerst ergens anders iets uit zetten of weg halen?

  • @movespacelondon2066
    @movespacelondon2066 4 місяці тому

    Hi Ferdy, interesting watch. Is there a way to contact you for consultancy / resolve issues?

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

    Bedankt voor de duidelijke uitleg!

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

    Leuke tutorial! Maar mijn sticky header floept in beeld en slide niet mooi van de top naar beneden helaas. Enig idee hoe dat kan?

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

    When I create header it's problem " You have to call function 'the_content' in this theme to Elementor work in this page" Ferdy please help!

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

    i can't find the css code snippet in your website

  • @SonicDusk-m7z
    @SonicDusk-m7z 2 місяці тому +2

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

  • @marc-antoinesenegas8047
    @marc-antoinesenegas8047 7 місяців тому +1

    I think I have a relevant question that might interest more people
    How to include a button in the mobile hamburger menu ( at the bottom )
    I know its possible
    But without CSS I didnt get it

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

    i prefer the blocksy header you used, its more efficient and less buggy

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

    NOTICE! Before you start: if you have the Elementor Pro Essential plan, you CANNOT customize the CSS code. A really bad move from Elementor for single users... 😡 Great tut.

  • @zahidamumtaz1166
    @zahidamumtaz1166 7 місяців тому +1

    Really amazing!

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

    Great Work

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

    Your Elementor pro Dashboard looks way better than my. Why is taht so?

  • @renssjjee
    @renssjjee 6 місяців тому +2

    bruh, your layout is way different from mine

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

    What's your native language? There are some words you pronounce different, as: style(stei- el), files(fie-el, like fly , flies).

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

      I am from the Netherlands 😊

  • @sannetermote1765
    @sannetermote1765 4 місяці тому

    Super, het is gelukt!!

  • @19mad92
    @19mad92 4 місяці тому

    Elementor is quite "behind" since some years... Why Elementor does not consider to introduce a "pro mode" and the default mode, so they could cover all advanced features Bricks is famous for in the pro mode and not bother the common elementor non-pro users... it would be the perfect solution for everyone! Like workspace settings in PS for example

  • @sabbirahmed898
    @sabbirahmed898 7 місяців тому +1

    Hi Ferdy, First View

  • @王俊人-x4v
    @王俊人-x4v Місяць тому

    你是我的神!!!

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

    Awesome

  • @Winther-Ulrichsen
    @Winther-Ulrichsen 4 місяці тому

    thanks :)

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

      You are welcome 🙏

  • @babayaga-m7o
    @babayaga-m7o 7 місяців тому

    the course is a broken link

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

      To which link and course are you referring?

    • @babayaga-m7o
      @babayaga-m7o 7 місяців тому

      @@ferdycom my bad, it had the wrong link. the link to the elementor pro course on your website

  • @gaspynko
    @gaspynko 7 місяців тому +4

    Elementor wake up, its 2024 and you cant handle transparent header 😄 basic themes can do that with one click.

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

      I know. Please, use the tools you prefer! I also like basic themes that can do that. But I also love that with Elementor Pro you can do more if you want to. It is a customizable as you want 😊

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

    😘😘

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

    Awesome