Parallax Scrolling Website using Elementor (No Coding) 🔥

Sdílet
Vložit
  • čas přidán 20. 07. 2024
  • In this tutorial, I'll show you How to Make Parallax Scrolling Website using Elementor Page Builder | Creative & Unique WordPress Elementor Pro Tutorial!!!
    ✅ Get Elementor PRO:
    jimfahaddigital.com/e-pro
    ✅ Get Tutorial Images & Code Snippets:
    jimfahaddigital.com/tutorial/...
    ✅ Get Domain & Webhosting(70% off):
    jimfahaddigital.com/namehero
    Subscribe Here: bit.ly/JFDtutorials
    0:00:00 Overview
    0:01:22 Parallax Scrolling Markup using Elementor Flexbox
    0:10:51 Adding Parallax Scrolling Effect in Elementor
    0:20:58 Making Parallax Website Responsive
    Thanks for Watching!
    ✅ Become a WordPress Freelancer Today! Watch this Tutorial:
    • Elementor Experts Netw...
    ✅ Get Domain & Webhosting(70% off):
    jimfahaddigital.com/namehero
    ✅ Hire a Pro Web Developer:
    jimfahaddigital.com
    -----------------------------------------------------------------------------
    And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS:
    Elementor Masterclass 2022:
    • How To Make A Digital ...
    Portfolio Website using Elementor 2022:
    • How To Make A STUNNING...
    -----------------------------------------------------------------------------
    -----------------------------------------------------------------------------
    About:
    10 Million+ website owners started using the Elementor page builder. I'll show you the easiest way how you can create your personal resume website using Elementor Page Builder yourself.
    #WordPress #Elementor #Parallax
    If you're searching for how to make an eCommerce website, how to make a professional webShop from scratch, how to create an Online Store website step by step using woocommerce elementor, woocommerce subscriptions, WordPress eCommerce 2022 tutorial for beginners, woocommerce plugins, woocommerce payment gateway, best website making course, Elementor tutorial for beginners - then this tutorial is for you.
    -----------------------------------------------------------------------------
    -----------------------------------------------------------------------------
    Like me on Facebook:
    / jimfahad.consultancy
    And, lastly, If you want me to build your AWESOME website at an affordable price,
    ✅ You Can Contact me through my website:
    jimfahaddigital.com/request-a...
    Have a great day!

Komentáře • 153

  • @jimfahaddigital
    @jimfahaddigital  Před rokem +4

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

    • @ramonsanchez5541
      @ramonsanchez5541 Před rokem

      If I wanted to buy one of your templates can I edit them like a 100% .. for example if wanted to make this parallex effect _ ? can I do that ? thanks again

  • @webservices3981
    @webservices3981 Před 6 měsíci +2

    GREAT tutorial! Love the way you took the time to explain each concept individually too

  • @NicholasKuhne
    @NicholasKuhne Před rokem +2

    Very clean and clear explanation, thank you for making this video.

  • @thewebstylist
    @thewebstylist Před 11 měsíci +1

    Luv me some parallax!! Single fav web design element for years 🎉

  • @angelo.mazzeo
    @angelo.mazzeo Před rokem +5

    Your tutorials are real masterpieces, thank you. But do you only use Elementor or other Page Builders?

  • @lland3979
    @lland3979 Před rokem +8

    I love your videos. Thank you for showing what the final project will look like at the BEGINNING of the video. So many creators don't do this, and as a beginner I need to see what the goal is. :)

  • @ramonsanchez5541
    @ramonsanchez5541 Před rokem +1

    THANKS MAte for this tutorial .. working in a redesign my website make me crazy this kind of stuff ..

  • @kervinburce3810
    @kervinburce3810 Před rokem

    An excellent video turned out, everything is well thought out, a very clear instruction turned out)))

  • @kamrul5286
    @kamrul5286 Před rokem

    Best quality content of Elementor here❤️‍🔥❤️‍🔥

  • @niftypixels
    @niftypixels Před měsícem

    Absolutely great tutorial. I love the way you explain things, including potential issues that will arise! Liked & Subbed!

  • @babykids2685
    @babykids2685 Před 10 dny

    I LOVE IT. Thank you so much brother for this amazing video

  • @amrit8445
    @amrit8445 Před rokem

    A big thanks for providing the imagess...i really wasted alot of time finding separate images...THANK YOUU

  • @Vlogsfromhouse
    @Vlogsfromhouse Před rokem +2

    Its amazing tutorial not just this one your all tutorial are so informative and bro you are my motivation after looking your tutorials am able to making a best and attractive websites for my clients and also start a CZcams Channel Love You Bro😍😍😍😍

  • @nazirnoorsalaman7637
    @nazirnoorsalaman7637 Před 5 měsíci +1

    Hi Jim, thank you very much for all the help with the followign video, your work is truly inspiring and I cannot thank you enough.

  • @sadrihasan6365
    @sadrihasan6365 Před rokem

    🔥🔥🔥Jim on fire 🔥🔥🔥 thanks for your video. I always waiting for your video.

  • @thepriest5081
    @thepriest5081 Před rokem

    I learn a lot from you thank you so much for this

  • @omorfaruk1273
    @omorfaruk1273 Před rokem +11

    Brother, I'm a beginner. I learns lots of knowledge from your content. I saw some of your content & I believe your all content is advance and easy to understand. You're really an genius and polite person. Many many love and thanks to you. May Allah bless you.

    • @jimfahaddigital
      @jimfahaddigital  Před rokem +3

      Thanks a billion for sharing brother! It means a lot!!

    • @omorfaruk1273
      @omorfaruk1273 Před rokem

      @@jimfahaddigital Brother, I visit elementor pro by using your description link but this is not free. So how can I learn this lesson? In elementor Free version the motion effect widgets not working. So what can I do?

    • @jimfahaddigital
      @jimfahaddigital  Před rokem +1

      @@omorfaruk1273 Actually, this particular animation requires Elementor PRO. And, the only way to get it is to buy it! It does really worth it!

    • @user-ur7zh7tz7w
      @user-ur7zh7tz7w Před rokem

      @@omorfaruk1273 If you want to Use only for Practice then You can Use Nulled Version on your Test Server.

    • @omorfaruk1273
      @omorfaruk1273 Před rokem

      ​@@user-ur7zh7tz7w Thanks for your information. So I can use it in my localhost to practicing purpose?

  • @mudassarali0945
    @mudassarali0945 Před rokem

    i finally made so good soft. thanks ❤

  • @harinsingh1846
    @harinsingh1846 Před 7 měsíci

    Thank you for this video. It is amazing. However, I have a question. What do I do with the top and bottom black screens?

  • @americomanuel9834
    @americomanuel9834 Před rokem

    Hi Jim, my name is Americo Manue, I'm a beginner in wordpress and I enjoy your channel from Mozambique. I would like to know what plugin you used to create slider on the cards of the Polish services section on your site ? I liked it very much

  • @barkster
    @barkster Před rokem

    Awesome Tutorial Thanks

  • @visualsbyTP
    @visualsbyTP Před 9 měsíci

    sir u just saved my life with this thank u

  • @iplaystudio7482
    @iplaystudio7482 Před rokem

    Dear Jim, What is the canvas size you are using, My images are at closer zoom i.e. Moon, Stars, Moutain and Mountain F, Please help. Thank you

  • @surenlakshan
    @surenlakshan Před 11 měsíci

    Nice work.. ❤

  • @AerialJohnny
    @AerialJohnny Před 4 měsíci

    Man, the way you explain the reasons why you do things is great.

  • @wellnix53
    @wellnix53 Před rokem

    In the mobile view, shouldn't you make the moon smaller and further up in the container to not cover the headline when scrolling.

  • @mahdimashallahkhankashi5702
    @mahdimashallahkhankashi5702 Před 11 měsíci

    Very useful and informative

  • @manojohncanaloficial8371

    decided to try it out.

  • @bySterling
    @bySterling Před rokem +1

    Luv this! And amazing on mobile also 🙌🏻🎉❤️⚡️📱👏🏻

    • @jimfahaddigital
      @jimfahaddigital  Před rokem +2

      Yayyy!! Thank you so much brother!!

    • @bySterling
      @bySterling Před rokem

      You should $ell these awesome creations of yours bro!

  • @fsdxgkjhsdf
    @fsdxgkjhsdf Před rokem

    Hey, good video. For future videos i would recommend a editing soft

  • @rnaexpresatuadn
    @rnaexpresatuadn Před 10 měsíci

    woow, congrats!

  • @n00bclownstv47
    @n00bclownstv47 Před rokem

    Great video! How is the page loading speed with effects like this?

  • @AlvaroTriana-ih7qv
    @AlvaroTriana-ih7qv Před 2 měsíci

    Big fan man! Thanks a lot

  • @rodrigocobr4897
    @rodrigocobr4897 Před měsícem

    Excellent tutorial! Thank you very much for sharing.
    Just one detail: I downloaded the files to do a test and managed to follow your explanation. However, when I uploaded the image of the moon, it was cropped at the top only in the desktop version, but it worked fine on the mobile version. Even in the preview of the moon image when I uploaded it, it appears cropped, but when I open the image in Photoshop, it is correct. What could it be?

  • @seryi2212
    @seryi2212 Před 5 měsíci

    You Just fixed a mistake i've been making since who knows when!!! Thank you SOOOOOOO MUCH!!!!

  • @danielmorales0917
    @danielmorales0917 Před rokem

    Thank you! I have a question, does the effect work on iOS I mean on iPhone?

  • @wenchiwtp1536
    @wenchiwtp1536 Před 2 měsíci

    this is really great!
    could you please also teach how to make it to be responsive as well~

  • @florencebusidan6573
    @florencebusidan6573 Před 3 měsíci +1

    Thank you from France 👏

  • @burdenz3265
    @burdenz3265 Před 2 měsíci

    Awesome content bro. But i think the pagespeed will get issues too many pics?

  • @rosmelciber
    @rosmelciber Před rokem

    cool I liked that effect. 👍

  • @thinhnguyensb
    @thinhnguyensb Před 8 měsíci

    Thank you very much for your video. I can't find the download link in the description

  • @ShafayetAlam
    @ShafayetAlam Před měsícem

    awesome

  • @AbhinavJharockstar
    @AbhinavJharockstar Před rokem

    Amazing

  • @k2stratocaster
    @k2stratocaster Před rokem +1

    Man how did you do to have an image of 500kb when it is 2000px large and also is a png format??? Wow.. what a great tutorial.. thanks so much

  • @DeveloperMark-vb3cc
    @DeveloperMark-vb3cc Před 7 měsíci

    your video was so amzaing

  • @akbarshakir9458
    @akbarshakir9458 Před rokem

    Thanks for sharing such valuable content

  • @erikthered8989
    @erikthered8989 Před rokem

    I loved the video Entrance. hehehe

  • @paperherostories
    @paperherostories Před 2 měsíci

    Nice

  • @EditorialGuiasdelSur
    @EditorialGuiasdelSur Před rokem

    how do you get all the tutorial and samples on the left. mine doesnt have sNice tutorialt

  • @asifislam3720
    @asifislam3720 Před rokem

    Brother you are amazing 👏 ❤

  • @ositepratico
    @ositepratico Před rokem

    Cool ☺

  • @zedfreshhits
    @zedfreshhits Před rokem

    Thanks for sharing bro❤️

  • @Webrisernl
    @Webrisernl Před 8 měsíci +1

    Hi Jim. Where can I download the images?

  • @abdullahmehmood4331
    @abdullahmehmood4331 Před rokem

    Thank you so muchh🥰

  • @Itssssss_Jack
    @Itssssss_Jack Před 8 měsíci

    Wow, amazing content

  • @shreeshah7488
    @shreeshah7488 Před rokem

    hey dude i am able to view the effect only on elementor but not on my website, nor by mobile

  • @worlduncover
    @worlduncover Před 4 měsíci

    Hi, where can I download the images from? I don't see a link in the description

  • @muhamadadiariadi3259
    @muhamadadiariadi3259 Před rokem

    Great

  • @m.a.c.hgraphics5253
    @m.a.c.hgraphics5253 Před rokem

    Can I add this effect to my portfolio site?

  • @ep4r4
    @ep4r4 Před rokem

    excelent!

  • @janlamprecht9229
    @janlamprecht9229 Před rokem

    Well done.

  • @thusharafernando2624
    @thusharafernando2624 Před 9 měsíci

    Hi , Thanks for the clear explanation. Do you need PRO version to do this effect?

    • @samidoeb
      @samidoeb Před 7 měsíci

      Yes, as he mentioned

  • @rosadiazcoach5384
    @rosadiazcoach5384 Před rokem

    Best of the best

  • @SayShahmirBaloch
    @SayShahmirBaloch Před 6 měsíci

    Cool, make it responsive

  • @almahmud1834
    @almahmud1834 Před rokem

    nice tutorial

  • @mesutkullar
    @mesutkullar Před 10 měsíci

    Hi, it works on tablet and mobile mode, but doesn't desktop mode. How can I fix it? What am I doing wrong?

  • @Architect54
    @Architect54 Před rokem

    you aren't a setup master without a set of cans around your neck.. I'm wearing a set now even though I don't know what I'm doing! LOL!

  • @SazidAhmedNassir
    @SazidAhmedNassir Před rokem

    Thank you sir

  • @IsaacOnyait
    @IsaacOnyait Před rokem

    Z index. I knew it and how to use it but now, I think am a pro at it now.

  • @Mamo-21
    @Mamo-21 Před 5 měsíci

    Does anyone know where to find such graphics?

  • @vidaltresormba1259
    @vidaltresormba1259 Před rokem

    Thanks sir 🤩

  • @fatemehtaheri4880
    @fatemehtaheri4880 Před 6 měsíci

    hello,where can i download these photos?

  • @nabanitachatterjee777

    Stay safe everyone

  • @GARdotETH
    @GARdotETH Před rokem +3

    Hi Jim, is there any chance of doing a similar tutorial for Halloween with a haunted house, a tomb stone and moving bats? 😁 It would be cool to see a halloween themed page.

    • @lucapriati246
      @lucapriati246 Před 11 měsíci +1

      You spelt “I need this for benefit”, wrong.

    • @GARdotETH
      @GARdotETH Před 11 měsíci

      @@lucapriati246 I have the number for a good English teacher if you want it?

  • @iammemes86
    @iammemes86 Před rokem

    can i use conayiner for live website ? plz help me

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

      I personally do use containers on some of my live websites!

  • @mahdimashallahkhankashi5702
    @mahdimashallahkhankashi5702 Před 10 měsíci

    why does the scroll effect come out of the page?

  • @druebrown7480
    @druebrown7480 Před rokem

    🔥🔥🔥🔥

  • @lucasfsena9
    @lucasfsena9 Před rokem

    i love how u blur ur search history

  • @user-hd4wm2lu2s
    @user-hd4wm2lu2s Před rokem

    this page image please link share

  • @EliteUmmah
    @EliteUmmah Před 4 měsíci

    whenever i upload those pics, they got blured :/

  • @sushmoyWebintegrator
    @sushmoyWebintegrator Před 2 měsíci

    where is image i can download?

  • @pmlonline
    @pmlonline Před rokem

    Your tutorial requires elementor PRO!

  • @ideasyte
    @ideasyte Před rokem

    First view🥰

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

      You're the best bro!!

    • @ideasyte
      @ideasyte Před rokem

      I am your big fan Sir ..Can i make a small contact on facebook or Phone ..Please sir☹️☹️...I need your help

  • @Saykator
    @Saykator Před 8 měsíci

    OH you cant do it without pro?

  • @heikojanowski6926
    @heikojanowski6926 Před rokem

    How Heavy is the CPU Pressure

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

      Not much!! It's just few images and very-light animations! 😇

  • @ticmike
    @ticmike Před 5 měsíci

    I don't see a pro option now, just essential, advanced, expert and agency?
    Which is now the Pro option?

  • @pieroravenna8268
    @pieroravenna8268 Před rokem

    man!

  • @suneohonekawa3996
    @suneohonekawa3996 Před rokem

    🎉🎉

  • @Shanks_D_conqueror
    @Shanks_D_conqueror Před měsícem

    How to make this only one way

  • @Bhakt_Hi_Bhagwan.
    @Bhakt_Hi_Bhagwan. Před rokem +4

    Not working in Mobile View.

    • @alltimeentertainment3280
      @alltimeentertainment3280 Před 11 měsíci +1

      You are definitely a person with low attention. Watch the video till the end.

    • @gjelbrim
      @gjelbrim Před 8 měsíci

      thanks cptn obvious

  • @pedrojimenez3912
    @pedrojimenez3912 Před rokem

    How do I make this with any other set of images?

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

      Following the same principle, you can apply it with any set of images! 😇

  • @jcmediauganda
    @jcmediauganda Před rokem

    Doing the Sa Fcukin tNice tutorialng

  • @juanmckenzie6344
    @juanmckenzie6344 Před 2 měsíci

    I appreciate the tutorial, but please can you start off by saying we need Elementor Pro!

  • @admirecreations_tech
    @admirecreations_tech Před 11 měsíci

    lmaoooo what is that video start, hahhahaha

  • @btvbharat2154
    @btvbharat2154 Před rokem

    Yeh it cos with everytNice tutorialng. Use the free trial if u cant afford it. The free trial has no limits its the sa notNice tutorialngs changed

  • @khlaedakelan
    @khlaedakelan Před rokem

    يفضح عرض الكونتينر ي زلمه ، شوو هو هذا الكونتينر ؟؟؟

  • @shahzaibzaheer1182
    @shahzaibzaheer1182 Před rokem

    2nd view

  • @randbaldwin
    @randbaldwin Před rokem +4

    Time to move away from Elebloater.

  • @the_NewVa
    @the_NewVa Před rokem

    🇧🇩

  • @mohammadnej7029
    @mohammadnej7029 Před měsícem +1

    Such a nice video, but dude please don't use that woof sound on your clips :| I was watching with headphones at night and you literally made me jump in my place :)) :|