Elementor Responsive Landing Page Design | WordPress Elementor Pro Tutorial

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

КОМЕНТАРІ • 106

  • @jimfahaddigital
    @jimfahaddigital  2 роки тому

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @francoseling496
    @francoseling496 3 роки тому +11

    Exactly what I was looking for the last few hours. Thank you so much bro.

  • @hzhz-channel
    @hzhz-channel 3 роки тому +1

    Videos about how to create step by step is what we need. Thank you for tutorial. Very interesting and informative

  • @Erickhetfield
    @Erickhetfield 3 роки тому

    Best elementor tutorial I've found. Beautiful design, instead of generic ones, responsive and well explained.

  • @DJSwapIndia
    @DJSwapIndia 3 роки тому

    Wow!! 🔥🔥 thanks For this Beautiful Website!!

  • @md.moshiurrahman9588
    @md.moshiurrahman9588 2 роки тому

    Really awesome. Your every vedio is uniqe and superb. Please continue your ineventions.

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

    That was awesome, I did it step-by-step, and created the same one, It was really good. keep going man

  • @ruwanwlr9388
    @ruwanwlr9388 3 роки тому

    Thanks for the tutorial Fahad bro.

  • @tegaivwighre4716
    @tegaivwighre4716 3 роки тому +2

    Great video. Observation, Please include an active dot circle which will give first-time visitors info that it is clickable because some may feel it is a design.

  • @RockstahRolln
    @RockstahRolln 2 роки тому

    Absolutely Brilliant tutorial!! Exactly what I was looking for! Thank You!

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

    This is fantastic. One question Fahad - Is there a way to make the background and content change without clicking the dots?
    That way, I think it will be more responsive (automatic) to the website visitor. Thank you.

  • @zibinni
    @zibinni 3 роки тому +1

    Спасибо! Вы очень помогаете мне расти 🔥

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому +1

      С удовольствием, братан! 🔥

  • @bloggerpembelajar139
    @bloggerpembelajar139 3 роки тому

    Yes. i like that aladin lamp.

  • @digitalboy4757
    @digitalboy4757 3 роки тому

    Code is totally amazing. Love u bro keep it🙂

  • @elbertjosesalasbrochero6318

    wow good tutorial , thanks you bro.

  • @diretriz
    @diretriz 3 роки тому +1

    Thank you very much for it!
    One question though, how can I use it with background videos, please?

  • @skilluptechtv
    @skilluptechtv 2 роки тому

    Thank you my mentor, You rock

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

    i have found it really helpful. thanks

  • @yasiruwijenayaka
    @yasiruwijenayaka 3 роки тому

    You are a treasure ❤️✌️

  • @pubgidsell6420
    @pubgidsell6420 3 роки тому

    You are the best.

  • @InsightBoxTV
    @InsightBoxTV 3 роки тому

    Nice tutorial. It's best landing page design for me.

  • @Bre_Ez_Designs
    @Bre_Ez_Designs 2 роки тому

    Thank you!

  • @m.wariskhan3003
    @m.wariskhan3003 2 роки тому

    really amazing yarrr

  • @mohdsohail7193
    @mohdsohail7193 3 роки тому

    I created a website using your creative landing page tutorial in which you used Pepsi cans(soft drink cans) and tried to change the background image and have been searching to do this and now you only delivered it to me! Thank you so much.
    I request to make a tutorial of a landing page with background video, with custom play and pause button as well as custom mute and unmute its audio. again thankyou

  • @zakariaboulouarde4591
    @zakariaboulouarde4591 3 роки тому

    Thaaaaaank you very much sir, so helpful

  • @paknafamily9338
    @paknafamily9338 3 роки тому

    What an intro.....😎😎

  • @subbarayaparthasarathi5204
    @subbarayaparthasarathi5204 3 роки тому

    Awesome brother thanks a lot for tutorial

  • @hassankhan-yd4df
    @hassankhan-yd4df Рік тому

    Good Video

  • @digwillhachi
    @digwillhachi 3 роки тому +1

    great video as always. You should do some videos using css only, no JS. There are lots of cool code pens with sliders, popups and other widgets etc. Would be cool to see these adapted to elementor. It would be good for page speed by reducing JS usage. This is what im doing for most of my new sites recently.

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

    Is it possible to change the dots color when it active?

  • @Charlestownmaroons-TV
    @Charlestownmaroons-TV Рік тому

    Hello. Thank you for this tutorial. Can I put more than I of this on the same page and can I change where the dots are placed.

  • @fayedhasan8831
    @fayedhasan8831 3 роки тому

    Great tutorial 😍❤️❤️

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

    great video learnt alot from this tutorial also is there a way to make the image change by itself would really love to see that thank you

  • @ikiruanzen416
    @ikiruanzen416 3 роки тому

    Thanks for the tutorial, keep making it bro especially for elementor.

  • @sitetest-l7m
    @sitetest-l7m 9 місяців тому

    @jimfahaddigital
    thanks for this video ^^
    do you know how to make those 3 image move auto

  • @eaglerich
    @eaglerich 3 роки тому +3

    Hello Jim, thank you for your tutorials. I really appreciate you. Please can you show me how to add color animated menu icons to stay above the menu items for any theme?
    Secondly, can you send me the exported 3 landing pages you have done. Thanks once again.

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

    Hey, thanks for the perfect tutorial. In my case, it has worked for the first two dots, but when I click the third, both dots and sections are vanishing away. I mean, when I click the second dot, content appears, but when I click the third dot after the second section, the dots and content are vanishing away. However, after refreshing the site, when I click the third or fourth dot directly, it is showing, but not when I click them after the second one.

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 3 роки тому +1

    This is a fabulous tutorial, thank you so much for sharing your knowledge with us.

  • @undrdogz
    @undrdogz 3 роки тому +2

    Hey Jim, thanks alot for this specific tutorial... Not sure if you gonna read this but is there a chance to add the scroll capability on the above tutorial? Instead of clicking the button, users can just scroll

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому +4

      Hey man! Awesome Idea! Probably this could be a Topic for another video! Thank you so much!! 😇🤗

    • @HongShenLee-r4r
      @HongShenLee-r4r Рік тому +2

      Hello, have you been able to figure this out? If so, would you kindly share with me? Thank you.

  • @YasienSarlie
    @YasienSarlie 3 роки тому

    Great work!

  • @tar4heel2
    @tar4heel2 3 роки тому

    Freaking AWESOME lesson...

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

    hey jim i have purchased kitpapa, is this available there?

  • @wasifalikhan7055
    @wasifalikhan7055 2 роки тому +1

    Amazing video as everytime
    But can I ask what we have to do if we want to change background including text autumaticaly. I mean we should not click on navigation button

    • @HongShenLee-r4r
      @HongShenLee-r4r Рік тому

      Do you get a response on how to do this yet? or have you figured it out? If yes please kindly share it with me.

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

      @@HongShenLee-r4r no

    • @HongShenLee-r4r
      @HongShenLee-r4r Рік тому

      @@wasifalikhan7055 Thank you for your response!

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

    wow tnx

  • @kingcyrus6824
    @kingcyrus6824 3 роки тому

    thanks,, bro

  • @CZY_Boy
    @CZY_Boy 3 роки тому

    Really Amazing And Thanks

  • @jaikumar3775
    @jaikumar3775 3 роки тому

    wow so great

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

    Is it difficult to scroll using mouse wheel? Thank you much

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

    Amazing video. I followed exactly, got it working perfectly on pc/laptop, but somehow the the icone list, only 2 appears on mobile and tablet each. Please help!...

  • @kooroshmousavi
    @kooroshmousavi 3 роки тому

    Thanks , is it possible autoplay slide ? and video bg ?

  • @cars12h72
    @cars12h72 2 роки тому

    thanks , but I need some help how to make the dots showing another color when you are in a specific section?

  • @SmithyProductions
    @SmithyProductions 3 роки тому

    Love this! Just curious, is there a reason you didn’t built the menue on top in the theme builder? Would it work the same if you did? Thanks!!

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому +1

      No problem! We can create the menu using the theme builder. I've done it in this way only to keep the video length shorter(back & forth in between theme builder & the page takes longer time you know)!.
      Thank you so much Savion bro for your concern!

    • @SmithyProductions
      @SmithyProductions 3 роки тому

      @@jimfahaddigital thanks for your reply! Love your videos. If you have it in your pipeline, please do a video with a play/mute background video audio option. Like Netflix has on their website. I have a project i’m working on and trying to find a way to do this. They are using UA-cam videos as background videos. Thanks again!!

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

    great tutorial how do we change the script to use different images?

  • @AbdulJalil-bu5xz
    @AbdulJalil-bu5xz 3 роки тому

    also want icon will be active coler change ? is it possibal ???

  • @richhernandez5481
    @richhernandez5481 2 роки тому

    sir, can u add the scroll effect for the change background ? please...

  • @99ohmygod
    @99ohmygod 2 роки тому

    which is best free theme to use for this

  • @nagpalnirmal
    @nagpalnirmal 3 роки тому

    Hello Bro please make 1 vid on design services section please when you get time coz I like your taste,
    Thankyou

  • @ecomebusiness8225
    @ecomebusiness8225 3 роки тому

    Love it

  • @stacey.gilbert
    @stacey.gilbert Рік тому

    Are you going to update this on using containers?

  • @nadoel
    @nadoel 3 роки тому

    Джим, привет.
    Как сделать вот такое меню, как на сайте KIA ?
    Чтобы при наведении на меню, текст менял цвет и само меню из прозрачного становилось другим цветом?
    Менять цвет текста при наведении на него, это понятно, как сделать, чтобы менялся текст при наведении в область меню?

  • @jagdikumar2119
    @jagdikumar2119 2 роки тому

    Sir which theme that you are using??? Can you please tell me

  • @pikolq7665
    @pikolq7665 3 роки тому

    bro do we need to know laravel to build theme and plugin ?

  • @tegaivwighre4716
    @tegaivwighre4716 3 роки тому

    The video is amazing, Please could you make the transition loop in subsequent videos. Pulse on hover the image

  • @m.wariskhan3003
    @m.wariskhan3003 2 роки тому

    can this is automatics changes the image and background ??

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

    That's Awesome Thanks Brother ❤❤ . but can you help me how can i change auto image and content also . i tried by chatgpt and became sucessful to change background image automatically but i couldn't change the content automatically . could you please help me .

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

      ohh finally i could it with the help of chatgpt .😍

  • @wdronju
    @wdronju 3 роки тому

    Brother, we need a detailed tutorial about custom post type, taxonomy, custom field. I hope you will make a tutorial about these topics.

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

    I used the code with a section that has a gallery but it does not show me the images of the gallery, do you have any solution please

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

    How to make texte size changing according to screen size ?

  • @haagsesam
    @haagsesam 3 роки тому

    nice one, but can this be done with sliders??

  • @AbdulBasit-mi3ws
    @AbdulBasit-mi3ws 3 роки тому

    Is it possible with arrows?

  • @abhishekgarg1030
    @abhishekgarg1030 3 роки тому

    Plz make ideas with wp bakery builder also

  • @HongShenLee-r4r
    @HongShenLee-r4r Рік тому

    Hello! How do I change the background and text automatically?

  • @euBostinha
    @euBostinha 3 роки тому

    Is it possible to leave this exchange doing it alone? Like autoplay on slides.

  • @nagpalnirmal
    @nagpalnirmal 3 роки тому

    waiting for your voice bro nice video

  • @JK-wt2dp
    @JK-wt2dp 3 роки тому

    Thank you for this tutorial, you helped me a lot. However, I have one problem. I do everything step by step like you, I use elementor pro and can't get the effect of a smooth transition from one image to another. I used your CSS code, but it doesn't help. Do you know what the fault can be? Besides, small black points appear next to the white dots in the icon list, but it is less important. Of cours like and sub for u and I start watching your other tutorials. Bless you, I hope for response.

  • @rimonchowdhury1289
    @rimonchowdhury1289 3 роки тому

    Can this whole thing be a part of a whole website? If I want to make it a hero section and below that there will be more sections, can it be done?

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому +2

      Of course! Just use it as the hero banner. Then underneath, you can add as many sections you want. No Problem!

    • @stikafela
      @stikafela 3 роки тому

      @@jimfahaddigital hello Jim, thank you for your great work. I tried to use this aa my home page banner, but the 4 dots on the right side wont work when I choose absolute I think its because they end up overlapping so when u click on them they don't work only the first one works. I tired changing from absolute to fixed but then it moves with the page when you scroll. please advice

  • @Gideonwachira
    @Gideonwachira 3 роки тому

    Which theme did you use for this video

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому

      Actually it's nothing related to Theme. I've not used anything from Theme options! All these are made with only Elementor! You can use any theme you want!

  • @hurairamalik8559
    @hurairamalik8559 3 роки тому

    Hey buddy where we get all these images.pls provide a link in description

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому

      Link is already in the description. Please check the 2nd link! Thanks!

  • @wdronju
    @wdronju 3 роки тому

    how can I make it auto play option brother?

  • @mohdsohail7193
    @mohdsohail7193 3 роки тому

    It's a request, If you could make a tutorial in which is like this but with changing background, the link of the button also changes. That means If I'm picking Germany and click on the button it will take me to a specific page that is about Germany only and not on the page which has details about all the location.

  • @rhythmbox2998
    @rhythmbox2998 3 роки тому

    please make a category page design. and how to category post grid?
    please please I'm depressed for the two things.😞😰

  • @elbertjosesalasbrochero6318

    you can do it by changing background video

  • @achintya1535
    @achintya1535 3 роки тому

    How to make it change automatically? After few seconds

    • @HongShenLee-r4r
      @HongShenLee-r4r Рік тому

      Hello, have you been able to figure this out? If so, would you kindly share with me? Thank you.

  • @jaymcgill7112
    @jaymcgill7112 3 роки тому

    Hi Jim, can you build a landing page for me?

    • @jimfahaddigital
      @jimfahaddigital  3 роки тому

      Feel free to contact me here: jimfahaddigital.com/request-a-quote/

  • @youtub4082
    @youtub4082 2 роки тому

    slider auto play need

  • @chanakanirmal7298
    @chanakanirmal7298 3 роки тому

    thnalzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

  • @pikolq7665
    @pikolq7665 3 роки тому

    bro do we need to know laravel to build theme and plugin ?

  • @pikolq7665
    @pikolq7665 3 роки тому

    bro do we need to know laravel to build theme and plugin ?