How To Make A Custom Header Using Elementor Pro

Тәжірибелік нұсқаулар және стиль

Learn how to create a custom header for your WordPress website using Elementor Pro. In this tutorial, we will create a header from scratch using a logo, menu, call to action, Google reviews, and more information about us.
Get Elementor Pro: ferdy.com/elementor
With the principles I teach in the tutorial you can also create a header to your liking.
Timestamps:
00:00 Intro
01:50 Create The Header Template
02:42 Decide Where on Which Pages The Header Should Be Displayed
02:59 Create The Main Header Area
13:42 Create A Top Header
18:44 Make Your Header Mobile Responsive
24:54 Show A Different Header On Scroll
28:37 Add Custom CSS
37:05 Create A Mega Menu

Пікірлер: 36

  • @addeyderoubaix1767
    @addeyderoubaix17674 күн бұрын

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

  • @chizotamichael3312
    @chizotamichael33122 ай бұрын

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

  • @cruzinsweetsntreats

    @cruzinsweetsntreats

    2 ай бұрын

    A decade of Ferdy!? 🤔🤫😁♟️

  • @moqeetsaleem6226
    @moqeetsaleem62262 ай бұрын

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

  • @webtappers7863
    @webtappers78632 ай бұрын

    GREAT tutorial, thanks Ferdy!

  • @MBAinternetmktg
    @MBAinternetmktg2 ай бұрын

    Another great tutorial, thank you, Ferdy!

  • @huaponejeo5827
    @huaponejeo58272 ай бұрын

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

  • @user-ib7ud3eo2i
    @user-ib7ud3eo2i2 ай бұрын

    First Comment Ferdy response Please. Love from Bangladesh 🇧🇩

  • @grahamrg
    @grahamrg2 ай бұрын

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

  • @ericlaperre294
    @ericlaperre2942 ай бұрын

    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.

  • @erikmarmino7255
    @erikmarmino7255Ай бұрын

    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.

  • @OryxVoyages
    @OryxVoyages2 ай бұрын

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

  • @mariano-cucinotta
    @mariano-cucinotta3 күн бұрын

    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.

  • @maqboolahmed3034
    @maqboolahmed30349 күн бұрын

    ferry good teaching thanks

  • @zahidamumtaz1166
    @zahidamumtaz11662 ай бұрын

    Really amazing!

  • @LastoreTupperware
    @LastoreTupperware14 күн бұрын

    Bedankt voor de duidelijke uitleg!

  • @pharmhealth3891
    @pharmhealth38912 ай бұрын

    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

    13 күн бұрын

    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?

  • @MBAinternetmktg
    @MBAinternetmktg2 ай бұрын

    Thanks!

  • @ifeelinu
    @ifeelinu6 күн бұрын

    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!

  • @jorgknuvink272
    @jorgknuvink272Ай бұрын

    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?

  • @devopen
    @devopenКүн бұрын

    Great Work

  • @bytecrusader
    @bytecrusader3 күн бұрын

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

  • @tessanicolai
    @tessanicolai2 ай бұрын

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

  • @marc-antoinesenegas8047
    @marc-antoinesenegas80472 ай бұрын

    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

  • @sabbirahmed898
    @sabbirahmed8982 ай бұрын

    Hi Ferdy, First View

  • @carlosabellanosa
    @carlosabellanosa15 күн бұрын

    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.

  • @_coderizon
    @_coderizon26 күн бұрын

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

  • @rocketsunny2423
    @rocketsunny2423Ай бұрын

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

  • @MohammedAlziko
    @MohammedAlzikoАй бұрын

    😘😘

  • @renssjjee
    @renssjjeeАй бұрын

    bruh, your layout is way different from mine

  • @gaspynko
    @gaspynko2 ай бұрын

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

  • @ferdykorpershoek

    @ferdykorpershoek

    2 ай бұрын

    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 😊

  • @user-ht3ij5vj8v
    @user-ht3ij5vj8v2 ай бұрын

    the course is a broken link

  • @ferdykorpershoek

    @ferdykorpershoek

    2 ай бұрын

    To which link and course are you referring?

  • @user-ht3ij5vj8v

    @user-ht3ij5vj8v

    2 ай бұрын

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

Келесі