Make a Horizontal Scroll Section/Page in Elementor FREE | Horizontal Scrolling with Parallax Effect

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 301

  • @prokassim
    @prokassim 4 หลายเดือนก่อน +15

    You are the king of web design, thank you for all the awesome tutorials.

  • @daviddirjan
    @daviddirjan 4 หลายเดือนก่อน +10

    Perfect timing. Working on a horizontal website and couldn't add parallax effect on elements. Thanks for the tutorial. Greetings from Romania!

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You’re welcome!😇

    • @nathamuni9435
      @nathamuni9435 17 วันที่ผ่านมา

      Can you share the file to me

    • @iosoytravis
      @iosoytravis 16 วันที่ผ่านมา

      @@nathamuni9435 the links in the video description

  •  หลายเดือนก่อน

    Just one word - BRAVO !!!! Keep posting amazing web design tutorials with Elementor ! ;-)

  • @thedude6867
    @thedude6867 หลายเดือนก่อน +1

    Wow man, you are awesome. Very clear and structured Tutorial, also not too long. RESPECT!

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Thank you!🙏

    • @thedude6867
      @thedude6867 หลายเดือนก่อน

      @@MakeDreamWebsite I bought the code. But i have the problem that it messes up with my entire website i made. I have a progress bar, and it goes away also some elements are moved. Can you make an update for the template?

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      @thedude6867 can you please email me your page link so I can figure out that issue…

    • @nathamuni9435
      @nathamuni9435 17 วันที่ผ่านมา

      Can you please send the file bro

  • @Mohammad.rezaee2005
    @Mohammad.rezaee2005 19 ชั่วโมงที่ผ่านมา

    Dude, you make us not feel tired while web developing 😮

    • @MakeDreamWebsite
      @MakeDreamWebsite  18 ชั่วโมงที่ผ่านมา

      Thanks! Stay tuned

  • @RicardoRivera-ci3kc
    @RicardoRivera-ci3kc หลายเดือนก่อน

    So great tutorial! it can be applied to many beautiful sections! Thanks!

  • @ICUAT
    @ICUAT หลายเดือนก่อน

    just what i needed. new subscriber here. please more of this content. looking for some modern hover effects with text. great work

  • @juanordo66
    @juanordo66 หลายเดือนก่อน

    Very helpful. But when I scroll vertically again (after the horizontal part) the picture that I used on the horizontal part disappears. How do I fix that?

  • @vivodecodigo
    @vivodecodigo หลายเดือนก่อน

    Good evening, my friend!
    I don't know exactly what time you'll be reading this, but first of all, I would like to congratulate you on the quality of the material you share on TH-cam. I was really impressed with the horizontal scroll effect, and it perfectly matched what I was looking for in a project. With that, I ended up purchasing not only this template but three others from your site.
    Recently, when implementing the horizontal slide, I started facing a small UX problem. When the site is accessed on mobile devices, during horizontal scrolling, I conducted some user tests and noticed that, in 100% of the cases, when the screen starts to slide sideways, people try to return the screen by doing the horizontal scroll with their finger. Many even thought the site had frozen, taking a while to realize it was necessary to swipe up and down to continue.
    I would like to know if you could help me solve this issue, allowing the user to perform horizontal scrolling with their finger on mobile devices. It would be a great help!
    Thank you in advance for your attention and for the excellent quality of the content you offer.

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน +1

      Thank you so much for the long appreciation. Can you please email me?

  • @lauvtyler9146
    @lauvtyler9146 4 หลายเดือนก่อน

    First you are the best❤

  • @wizstmstm8879
    @wizstmstm8879 หลายเดือนก่อน +2

    I have completed all the steps as you showed in the video, but in the end, the white space appears even after I publish it and after watching it in spectator mode, what could be the problem, how can i solve it ?

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Can you please email me?

    • @wizstmstm8879
      @wizstmstm8879 หลายเดือนก่อน

      @@MakeDreamWebsite I send you web in email

    • @dvddarya
      @dvddarya 2 วันที่ผ่านมา

      have you found a solution? i n have the same problem 😢

    • @TheTopper33
      @TheTopper33 2 วันที่ผ่านมา

      @@MakeDreamWebsite I have same problem? can you please help me

  • @mirib5858
    @mirib5858 9 วันที่ผ่านมา

    Awesome tutorial, thank you for the detailed steps!! I have one small issue and was wondering if you might have a solution - followed your steps and have all margins etc from the outer sections deleted, all on 100vh, but when I start scrolling, the page makes a tiny jump down before starting scrolling horizontally. Any idea why that might be? Thank you in advance!

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 วันที่ผ่านมา

      Bu default the is a 10 px padding. Can you please make it 0

  • @waseemgraphix
    @waseemgraphix 2 หลายเดือนก่อน

    One of the Best Mentor

  • @pandastudios-ca
    @pandastudios-ca หลายเดือนก่อน

    Stunning!

  • @UrbanDukeRiderFiru
    @UrbanDukeRiderFiru 4 หลายเดือนก่อน

    I was waiting for this video Thank you

  • @tropiczenrain
    @tropiczenrain หลายเดือนก่อน

    Question on mobile. the following scroll containers goes over the 1st container. How to fix this please.

  • @FabianRodriguez-zu6wn
    @FabianRodriguez-zu6wn 2 หลายเดือนก่อน

    Excellent!!! ... Thank you very much, how could I have a fixed title, and how could I change the direction of the scroll?

  • @VisualVision19
    @VisualVision19 2 หลายเดือนก่อน

    Thank you for your great tutorial! I'd like to change the color of the progress bar on the bottom from yellow to green. Where can I edit it? Kind regards!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      At the top of the html widget you can see the option, -progress-bar-color

    • @VisualVision19
      @VisualVision19 2 หลายเดือนก่อน +1

      @@MakeDreamWebsite Thank you! Works perfectly!

  • @hashKPSC
    @hashKPSC 4 หลายเดือนก่อน +1

    Was waiting for a new video. Thank You

  • @andrew4becker
    @andrew4becker 17 วันที่ผ่านมา

    I purchased your template, and it works very well. I am having one problem after my last container, there is a lot of blank space before it scrolls down to the section after the horizontal scroll. How can I remove that blank space after my last container?

    • @MakeDreamWebsite
      @MakeDreamWebsite  17 วันที่ผ่านมา

      Is it showing on the actual page or only on edit with elementor page?

    • @andrew4becker
      @andrew4becker 17 วันที่ผ่านมา

      Apologies, I previewed the live page, and the blank space is not visible, it seems like the blank space is only on the build side of Elementor. Thank you so much for the tutorial and the download. You have saved me A LOT of time. Great work!

  • @thijsw63
    @thijsw63 4 หลายเดือนก่อน

    Hi there, could you tell me where I can change the icons in the scroll button and the scroll horizontal button. I see some parameters are set in the html element, but can't find the right one. Thanks in advance!! Bought it and it is great!

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      These are actually a custom icons and set from the HTML widget and need to change the code for it. If you want to change it to normal icon, you can email me...

    • @thijsw63
      @thijsw63 4 หลายเดือนก่อน

      @@MakeDreamWebsite Allright, thanks for the quick answer! I just emailed you. :)

  • @madjazz4743
    @madjazz4743 27 วันที่ผ่านมา

    Hello! Awesome tutorial, thank you. Is it possible to add a scroll snap for the sections?

    • @MakeDreamWebsite
      @MakeDreamWebsite  27 วันที่ผ่านมา

      No it’s not working with this…

    • @madjazz4743
      @madjazz4743 27 วันที่ผ่านมา

      Alright thank you for the information tho. Much appreciated.

  • @lushprod
    @lushprod หลายเดือนก่อน

    question, my other 4 containers don't appear off screen but visible inside the main one, what goes wrong?

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Have you set up all the setting correctly with the parent containers. Can you please double check?

    • @lushprod
      @lushprod หลายเดือนก่อน

      Yes, made the first and copied it 4 times and put it in the sub container, if I make the width 100% it works but is different then the tutorial

  • @renanrubini3865
    @renanrubini3865 2 หลายเดือนก่อน

    Does the paid feature that provides the structure of what was presented in the video include the images and the entire layout? Or do I need to set up my own layout?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน +1

      Yes, it includes the whole layout and images as well. In addition, you can add your sections with it. You can also follow the provided pdf about how you can edit and add those sections.

    • @renanrubini3865
      @renanrubini3865 2 หลายเดือนก่อน

      @@MakeDreamWebsite Magnificent. It's a very good way to present products. I will make the acquisition. Thank you for your attention.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      Indeed! You’re welcome.

  • @Devproduction84
    @Devproduction84 4 หลายเดือนก่อน

    Great tutorial, thank you so much! Is it also possible to add a horizontal menu at the top of the website, even if the entire site uses horizontal scrolling?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Yes, you can. Here I set the page layout canvas. You can set it full width to show your header and menu…

  • @AvinashKumar-v1v2u
    @AvinashKumar-v1v2u หลายเดือนก่อน

    I purchased your horizontal scroll template, and I’m facing an issue. When I try to add anything like images or text after the section with the scroll effect, it works perfectly fine. However, if I try to add any custom code, I’m unable to see that particular section in both the live website and editing mode.
    Could you please help me resolve this issue?

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Can you please send me email?

    • @AvinashKumar-v1v2u
      @AvinashKumar-v1v2u หลายเดือนก่อน

      @MakeDreamWebsite yes i send you massage from your website content us section bro please check

  • @stefanoavellino
    @stefanoavellino หลายเดือนก่อน

    Dear I purchased template, and I’m changing the images with png with transparent background, but they don’t look completely transparent. Why is that?🙏🏼

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      You need to remove their box shadow

    • @stefanoavellino
      @stefanoavellino หลายเดือนก่อน +1

      @ You’re the GOAT 👌🏼💪🏻

  • @DucksthatFloat-w2g
    @DucksthatFloat-w2g 3 หลายเดือนก่อน

    how would one go about making the rotating text in the first section stop when cursor is hovering?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      That code would be different process

  • @MarioVital72
    @MarioVital72 4 หลายเดือนก่อน +1

    Hi, im trying to save the page when i insert the template, but im allways get error 403 when i try to plublish the page ! can you help me solve this problem, thz in advanced

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Can you please email me?

    • @MarioVital72
      @MarioVital72 4 หลายเดือนก่อน

      @@MakeDreamWebsite did you receive my email ?

  • @dominikfabik2691
    @dominikfabik2691 4 หลายเดือนก่อน

    Hi, for some reason the changing text in first slide appears vertically in desktop view, in tablet and phone it works just fine. Could you please tell me how to fix it? I tried with higher px but that messed up rest of responsiveness.

    • @dominikfabik2691
      @dominikfabik2691 4 หลายเดือนก่อน +1

      Okay so I found out why. Basically the limit factor of this @media (max-width: 767px){ is why desktop view is messed up (desktop is above 767px).
      just delete this line of code and it will display normally on all 3 devices.

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      @@dominikfabik2691 Glad to know you can solve it!

  • @ncszone6512
    @ncszone6512 4 หลายเดือนก่อน

    Here comes the hero ❤❤

  • @Krizzoa
    @Krizzoa 2 หลายเดือนก่อน

    what should i learn to make these kind of websites on the elementor any path like not just this horizontal scroll but how can i create some other layouts and interactions for that what actually i should learn?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      @@Krizzoa You need to learn HTML, CSS, JavaScript and need to do a lot of practice

  • @dhurjoypaul250
    @dhurjoypaul250 2 หลายเดือนก่อน

    Great Video !!! I learned a lot.

  • @HERALDGROUP-mx2fx
    @HERALDGROUP-mx2fx 4 หลายเดือนก่อน +15

    Please make a video of this whole page doing from scratch. plsssssssssssss

    • @florevitaa
      @florevitaa 3 หลายเดือนก่อน +1

      Indeed

  • @stefanoavellino
    @stefanoavellino หลายเดือนก่อน

    Brother, i purchased the template. But can't find how to change the color of the purple spots at the beginning and at the end. Any suggestion ? 🙏

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      From the navigator panel, you can see some divider widgets, you need to go to their Advanced Tab > Background. From there you can change their color.

    • @stefanoavellino
      @stefanoavellino หลายเดือนก่อน

      @@MakeDreamWebsite Thank you Mate!! Found it there ☺ I'm also not finding the Progress Bar color to be changed since I can't see it in this video neither... and the orange color of the rotating wheel 🙏🏼 I should be done with those and purchase more templates for other pages hehe

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      Here is an attached PDF file with all the instructions, you can easily find it on there.

    • @stefanoavellino
      @stefanoavellino หลายเดือนก่อน +1

      @@MakeDreamWebsite Thanks bro! Forgot the PDF was there. I found the progress bar in the HTML also. Just for you to know if you wanna add it, progress bar explanation ins't in pdf. Thanks again man!

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      @stefano3403 yes, you can edit the progress bar color from the html widget which is inside the horizontal section area

  • @DucksthatFloat-w2g
    @DucksthatFloat-w2g 4 หลายเดือนก่อน

    great tutorial. however when I test it on my site the last container in the horizontal scroll disappears before scrolling back down to the next vertical scroll. not sure what the issue is, got the files from your shop as well and still doesnt work properly.

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Okay! Can you please email me that link?

    • @DanielVasilevskii
      @DanielVasilevskii 3 หลายเดือนก่อน

      I have the same issue :( Did you solved it?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      @@DanielVasilevskii Can you please email me too... so I can solve the issue globally and update the code snippet as well as the template...

    • @DanielVasilevskii
      @DanielVasilevskii 3 หลายเดือนก่อน +1

      I found my mistake! Direction of the main container needs to be set on vertical column otherwise the last container disappears. Thank you for the video!

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      @@DanielVasilevskii Yes, you're right! You need to follow each steps as I shown there.

  • @humayoonnazer5737
    @humayoonnazer5737 หลายเดือนก่อน

    Hi, after i set the width as auto and moved all the containers to the main container, all the four containers appear squeezed in one container instead of seeing only the first container, but after i set 100% width for the four containers, it works.

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      I think you have missed out some step

    • @humayoonnazer5737
      @humayoonnazer5737 หลายเดือนก่อน

      @@MakeDreamWebsite let me try again and ill let you know

    • @humayoonnazer5737
      @humayoonnazer5737 หลายเดือนก่อน

      @@MakeDreamWebsite i tried again everything u said carefully and it still has the same issue, i dont have any inner containers so i havent done any of that steps. im not sure why this is happening

    • @humayoonnazer5737
      @humayoonnazer5737 หลายเดือนก่อน

      @@MakeDreamWebsite can i email you my page as a template with the four containers squeezed in together and you can take a look? i need help bro

  • @Mobilecat1
    @Mobilecat1 4 หลายเดือนก่อน +1

    Thank you so much for the great gift of yours

  • @lukedelguercio
    @lukedelguercio 4 หลายเดือนก่อน

    I was super stoked to use this then found that the parallax images by "Loved By Thousands" are super choppy on macos with Safari, any ideas on how to fix?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      I see... thank you for letting me know. I'll update the code snippet so it will work on Safari as well

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      I just updated the code snippet and also the template. Now, it will also work on Safari without any issues...

    • @lukedelguercio
      @lukedelguercio 4 หลายเดือนก่อน

      @@MakeDreamWebsite Your the best! I've purchased most of your templates and have been practicing by trying to recreate them. Ive learned more from doing that then any course I've tried so thanks a ton for what you do

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Glad to know! Thank you too for your support.

  • @markowakeup
    @markowakeup 4 หลายเดือนก่อน

    Hi, i bought and used your design but it does not show like your video unless i put page layout as elementor canvas. under default page layout, the containers do not go full width, so I had to use elementor canvas but now the menu disappears, how can i fix this? thank you

    • @markowakeup
      @markowakeup 4 หลายเดือนก่อน

      ok I used chat gpt and said to add a shortcode from template created from header theme builder

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      You can set the layout full width

    • @markowakeup
      @markowakeup 4 หลายเดือนก่อน

      @@MakeDreamWebsite I did and did not work

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You can email me…

    • @markowakeup
      @markowakeup 3 หลายเดือนก่อน

      @@MakeDreamWebsite perfect, I just emailed you thank you

  • @ypkush
    @ypkush 4 หลายเดือนก่อน

    Thanks Dear, I have implemented it fine, but how I can make it on scroll single screen at a time?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      That requires more code…

    • @ypkush
      @ypkush 4 หลายเดือนก่อน

      @@MakeDreamWebsite okay, Is it there?

  • @omerweichs
    @omerweichs 17 วันที่ผ่านมา

    Hi there!
    I bought and downloaded the ready template, but when I insert it to Elementor, it gives me an error message or doesn't give me the horizontal option. what am I doing wrong? please help :)

    • @MakeDreamWebsite
      @MakeDreamWebsite  17 วันที่ผ่านมา

      Have you followed the instructions well?

    • @INSSIsrael
      @INSSIsrael 17 วันที่ผ่านมา

      Where can i find the instructions? Which one of the Json files should i use?

    • @MakeDreamWebsite
      @MakeDreamWebsite  17 วันที่ผ่านมา

      Can you please email me

  • @Story_hacks
    @Story_hacks 3 หลายเดือนก่อน +1

    Sir how to add a code of any programming language in my blog post on wordpress using elementor

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน +1

      You can use the enlighter plugin

    • @Story_hacks
      @Story_hacks 3 หลายเดือนก่อน

      @@MakeDreamWebsite Thanks 👍

  • @fakarpat4437
    @fakarpat4437 4 หลายเดือนก่อน

    The structure of the used page is very nice.Was there a video tutorial on how to create the web design you used?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      That's actually not too much complex. Mostly, I use the default Elementor options and a little bit CSS to make some modification.

    • @fakarpat4437
      @fakarpat4437 4 หลายเดือนก่อน

      @@MakeDreamWebsite So there was no complete tutorial on creating the page (from scratch)?
      Can full page templates be purchased on your site? Or menu items? Thank you :)

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Yes, you can…

  • @Aawwwrrte
    @Aawwwrrte 4 หลายเดือนก่อน

    Hey i purchased the product but im not seeing the same design as yours , when i scroll through the horizontal part once the containers are finished there is huge black space. It requires me to scroll for long time to reveal the last part. How can I fix it :(

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      I see… May be something is conflicting… can you please email me

    • @Aawwwrrte
      @Aawwwrrte 4 หลายเดือนก่อน

      @@MakeDreamWebsite could you tell me your mail

  • @Kumar_honey
    @Kumar_honey หลายเดือนก่อน

    do i need to learn css and javascript to be able to make such effects in future?

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน +1

      Yes, definitely! Then you can make any animation you want!

    • @Kumar_honey
      @Kumar_honey หลายเดือนก่อน

      @@MakeDreamWebsite thanks

  • @deduice
    @deduice 4 หลายเดือนก่อน

    Cool ❤. Make more videos frequently.

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Thanks! Yes, I’ll try

    • @deduice
      @deduice 4 หลายเดือนก่อน +1

      @@MakeDreamWebsite
      Please do. Your videos have improved my design skills. You're always my get-go Elementor TH-camr

  • @MauricioJMonta
    @MauricioJMonta 4 หลายเดือนก่อน

    I did every step correctly but when I try to scroll in the "horizontal scroll section" the scroll get stucked and do nothing. Can u help me with that?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Can you please email me...

    • @MauricioJMonta
      @MauricioJMonta 4 หลายเดือนก่อน

      @@MakeDreamWebsite I already text you!

  • @amielsena3649
    @amielsena3649 4 หลายเดือนก่อน +1

    bro honestly you are the best! this is what im currently doing to my project to client you saved my time bro! you are the pricese and straight to the point tutorial here in youtube! you deserve a tip! where can i send bro! please!!!!

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You're welcome and also thank you so much for you willing to support! You can support me by buying the ready templates!🙏🙏

    • @amielsena3649
      @amielsena3649 4 หลายเดือนก่อน

      @@MakeDreamWebsite bro one thing do you have existing tutorial or idea how to implement a functionality same like this scrolling horizontal but instead of sliding they are just static at the middle and then fading out and fading in from right to left and going to another panel fading out and fading in.

  • @TigrayPanda
    @TigrayPanda 4 หลายเดือนก่อน

    Great video! The link to buy is not working.

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      I'll fix it soon! The internet here in our country is almost shut down so I can't fix it. Once fixed, I'll let you know!

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Hi, the site is currently working. But, I can't upload the zip file to the site as a slow internet connection. For now, if you purchase I'll send you the zip file manually✌

  • @corentingalland5063
    @corentingalland5063 4 หลายเดือนก่อน

    Hello, really nice !
    the snipped code is working on a html widget ? Or I have to pay the integral ?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Yes, it's working on the HTML widget...

  • @gm92746
    @gm92746 หลายเดือนก่อน

    I would like to buy the Elementor Horizontal Scrolling Page with Parallax
    But do you have a step by step video on what to do after buying? I know you wrote the steps in the description of the link but a video would be helpful for us non experienced people😅

    • @MakeDreamWebsite
      @MakeDreamWebsite  หลายเดือนก่อน

      There is an added pdf file with all the details instructions.

  • @captainiglu9558
    @captainiglu9558 2 หลายเดือนก่อน

    This is where I wanted to comment so for me just safari is extremely laggy on a m3 macbook do you have any possible advice or solutions I could implement? it works fine in google browsers

    • @captainiglu9558
      @captainiglu9558 2 หลายเดือนก่อน

      I bought this as a template from your page.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      I see… may be something is conflicting on your site causing that issue. Can you please email me your page link please?

    • @captainiglu9558
      @captainiglu9558 2 หลายเดือนก่อน

      @@MakeDreamWebsite done sir

  • @RealBrilliance-w7v
    @RealBrilliance-w7v หลายเดือนก่อน

    great result I see. however, is very hard and painfully slow to follow up when you don't have the same layout design. please have a video for the layout design if you don't mind. thank you.

  • @shahedbinsagor
    @shahedbinsagor หลายเดือนก่อน

    Could you please make a details video for designing these all sections as well?

  • @pierpaoloyedro279
    @pierpaoloyedro279 4 หลายเดือนก่อน

    I'm having trouble getting templates I purchased to work. Where can I contact you?

  • @humayoonnazer5737
    @humayoonnazer5737 2 หลายเดือนก่อน

    how can we achieve the text over image effect (loved by thousands) ? love your videos

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน +1

      You need two headings, for the second heading make its position absolute, make the stroke and the color transparent and set a higher z index so it will be placed above the first heading. Also for all those images you need to set their position absolute.

  • @visualmodo
    @visualmodo 4 หลายเดือนก่อน

    Excellent video!

  • @charlie_99
    @charlie_99 4 หลายเดือนก่อน +2

    Glad to see you bro, do you remember me?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Thank you! Glad to see your comment!

  • @ayseaf
    @ayseaf 2 หลายเดือนก่อน

    i like your idea , but are you able to do that automatic every 5 sec

  • @tz_troll.s
    @tz_troll.s 3 หลายเดือนก่อน

    Where did get the container widget?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      You can enable it from the dashboard settings

  • @rasgsg3999
    @rasgsg3999 4 หลายเดือนก่อน

    AmAZING video as always¡¡ thank you'

  • @thewebstylist
    @thewebstylist 4 หลายเดือนก่อน

    Thank YOU for your talents and sharing w us bro!

  • @Noob-be3dg
    @Noob-be3dg 4 หลายเดือนก่อน

    Can you help me how to change color of horizontal section while scrolling in react

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      For changing colour, you need to add some more code. But honestly, I don't have much expertise in React. So, I can't help you much about it. If you contact a react developer and send this video as a reference hopefully they can help you!

  • @mariano-cucinotta
    @mariano-cucinotta 4 หลายเดือนก่อน

    Hi, is the template usable for the PRO version?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Yes, the template doesn’t need Elementor Pro. But, if you have Elementor Pro, it’ll also work with that…

    • @mariano-cucinotta
      @mariano-cucinotta 4 หลายเดือนก่อน

      @@MakeDreamWebsite Thanks for the reply. Sorry but I don't know English and I have trouble following the tutorial with subtitles. Is it possible to add more sections by purchasing the template?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      @mariano-cucinotta yes, it’s possible…

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      @mariano-cucinotta you can duplicate any section from there and modify that section later

  • @Itsmemrnobod
    @Itsmemrnobod 4 หลายเดือนก่อน

    Hey. Great material

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Yes, you can. If you delete that top section it would work like that…

  • @prokassim
    @prokassim 4 หลายเดือนก่อน

    Hej Bro, can you make a quick video on how to install this template or any other one from your templates library on an actual site ? thank you .

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      It's actually too much easy. Just go to any page and click Edit with Elementor, then click on the Template icon and from the top right corner you can see an upload icon, click on here and after that drag the json file into there. After uploading you can see the template name. then you need to insert it.

  • @VeronicaLuzon-p9l
    @VeronicaLuzon-p9l 3 หลายเดือนก่อน

    Thank you for thisssss

  • @zeeshanmughal931
    @zeeshanmughal931 4 หลายเดือนก่อน

    how it working on section because i am not work on container please reply

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      Am preparing a section/column version of this and add it with the template soon!

    • @zeeshanmughal931
      @zeeshanmughal931 4 หลายเดือนก่อน

      @@MakeDreamWebsite Thanks

  • @hussaindudhiya8404
    @hussaindudhiya8404 4 หลายเดือนก่อน

    I am getting a white space how to solve it ? Even after viewing in new browser i can still see the white space in the end of horizontal scroll

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Can you please repeat everything properly?

    • @hussaindudhiya8404
      @hussaindudhiya8404 4 หลายเดือนก่อน

      ​@@MakeDreamWebsite I’m currently addressing the issue with the white space at the end of the horizontal scroll.

    • @hussaindudhiya8404
      @hussaindudhiya8404 4 หลายเดือนก่อน

      @@MakeDreamWebsite I’ve checked the issue both in a new tab and across different browsers, and the white space persists.

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      You can email me

    • @edencasport
      @edencasport 4 หลายเดือนก่อน

      Hello, I am having the same issue. Is this theme related maybe?

  • @BodySmile-v5b
    @BodySmile-v5b หลายเดือนก่อน

    its good to know how to do Horizontal scroll and do animation but pleas we would to learn more about the designe you do in ythe website the effect image you do, and how you do this, pleas we would to know all this.

  • @katja7693
    @katja7693 2 หลายเดือนก่อน

    How can I use it in mobile version?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      You can check the responsive part of this video at the end...

  • @atzintort8193
    @atzintort8193 2 หลายเดือนก่อน

    I WANT TO UY IT, DO YOU HAVE ANY VIDEO ABOUT INSTALLING?
    THANK YOU VERY MUCH, THAT IS AMAZING!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      You can follow the pdf file after downloading…

  • @pph1308
    @pph1308 3 หลายเดือนก่อน

    I bought it but it doesn't work! This package cannot be installed. The theme is missing the style.css stylesheet.
    Theme installation failed.

    • @pph1308
      @pph1308 3 หลายเดือนก่อน

      Blogger, if you see my message, please reply to me.

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      @pph1308 I think you try to install it as a Theme so you can see that error message. You need to install it as an Elementor template json file. You can follow the pdf file to see how to install it properly. Even if you failed you can email me...

    • @pph1308
      @pph1308 3 หลายเดือนก่อน

      @@MakeDreamWebsite I can't contact you with the email address you used for payment. I purchased this, but I can't install it.

    • @pph1308
      @pph1308 3 หลายเดือนก่อน

      @@MakeDreamWebsite Is there any way I can contact you?

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      It’s contact@makedreamwebsite.com

  • @sunsetstudioz
    @sunsetstudioz 4 หลายเดือนก่อน

    BRO BRO BROOOOOOOOOO UR THE BEST

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Thanks!

    • @sunsetstudioz
      @sunsetstudioz 4 หลายเดือนก่อน

      @@MakeDreamWebsite brother i am requesting this for the fourth time, please come with the tutorial on how to create page intro and page transitions that when someone opens your page for the first time there is a short transition before landing on the hero section i hope u got me
      I will really appreciate
      Thanks

  • @Uwe-u7k
    @Uwe-u7k 2 หลายเดือนก่อน

    Many thanks for the great video. Would it be possible to post the code here? The scanner detects malware on your links / website.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      Alright! I will resolve it!

    • @Uwe-u7k
      @Uwe-u7k 2 หลายเดือนก่อน

      @@MakeDreamWebsite Perfect, thank you. :-) Will this be possible to share the code from this video?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      We can’t do that for SEO purposes and other complications.

    • @Uwe-u7k
      @Uwe-u7k 2 หลายเดือนก่อน

      @@MakeDreamWebsite will there be any option to get the code? Thank you for your efforts

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      Can you please tell me what exactly do you see from your end at this moment. From my device I can see it’s all good.

  • @saranyas2533
    @saranyas2533 3 หลายเดือนก่อน

    Its not responsive on mobile for my design 😢 can you please respond

    • @MakeDreamWebsite
      @MakeDreamWebsite  3 หลายเดือนก่อน

      Can you follow my instructions to make it responsive

  •  4 หลายเดือนก่อน +1

    Best, thank you.

  • @annakh07
    @annakh07 3 หลายเดือนก่อน

    you should make tutorials on how you make such an amzing sections with creativity....please

  • @dary3059
    @dary3059 4 หลายเดือนก่อน

    Can you do that with the Brizy webpage builder aswell?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      In future, I want to make the templates for multiple platforms like Brizy, Divi, Webflow etc…

  • @ivannaturyk1674
    @ivannaturyk1674 3 หลายเดือนก่อน

    Thank you!

  • @boxcod2554
    @boxcod2554 4 หลายเดือนก่อน

    Could you create a checkin page for a Crossfit box? I would like to hire

  • @AmirulIslam-gg2fn
    @AmirulIslam-gg2fn 2 หลายเดือนก่อน

    Awesome! It would be great if you remake it with GSAP.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 หลายเดือนก่อน

      Thank you for your suggestion! Basically GSAP is a library and under the hood everything is JavaScript code there. But, here I do the same effect/animation without GSAP and directly using JavaScript. Isn’t it good not to load the library unnecessarily and not to make the page a little bit heavier?

  • @aymonshik
    @aymonshik 4 หลายเดือนก่อน

    can I pay for the ready template using crypto?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      No, if you can’t pay through the available options, you can email me…

  • @Sakthi-i8v8w
    @Sakthi-i8v8w 26 วันที่ผ่านมา

    how it will works in mobile responsive bro?

    • @MakeDreamWebsite
      @MakeDreamWebsite  26 วันที่ผ่านมา

      You can check the full video. At last part I also show it…

  • @omlifestyleltd.5500
    @omlifestyleltd.5500 4 หลายเดือนก่อน

    Why doesn't my elementor have containers?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      You can activate it from the dashboard settings…

    • @omlifestyleltd.5500
      @omlifestyleltd.5500 4 หลายเดือนก่อน

      @@MakeDreamWebsite I found it thank you, i have a problem now with the scrolling after adding the code, it's not scrolling horizontally. Can you help?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      @@omlifestyleltd.5500 Make sure you have done everything properly and also put class name correctly

    • @omlifestyleltd.5500
      @omlifestyleltd.5500 4 หลายเดือนก่อน

      @@MakeDreamWebsite it was the class name thank you, now I have a huge blank space at the end of my horizontal scroll, like there's another blank container? Can you help?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      @omlifestyleltd.5500 yes, you can see it only on the edit page. On the live page, it should work fine…

  • @mackstachu3385
    @mackstachu3385 4 หลายเดือนก่อน

    Hi. You are impossible :) Great job

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You're welcome! Yes, you can add navigation menu and multiple pages. Here, I have set the page layout to canvas, you need to set it full width...

  • @raywright8127
    @raywright8127 4 หลายเดือนก่อน

    Well done

  • @sinatraforeign
    @sinatraforeign 4 หลายเดือนก่อน

    Will you do showcase like this with Phlox Pro plugins bro

  • @iBandoleros
    @iBandoleros 4 หลายเดือนก่อน

    Bro the link in description is broken pls fix it

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Hi, the website is currently under maintenance, can you please check it within few hours!

    • @iBandoleros
      @iBandoleros 4 หลายเดือนก่อน

      Thanks man ❤​@@MakeDreamWebsite

  • @Redcannoneer
    @Redcannoneer วันที่ผ่านมา

    Appreaciate your effort but mate, you can rename the containers for 2 reasons:
    1. The viewers specially the ones with ADHD like me won't go nuts.
    2. As a developer, either WordPress, webflow, etc or custom, you want proper naming conventions everywhere unless its a 50 dollars project for a nobody cause it is part of the documentation of whatever youre creating.

  • @marshad1472
    @marshad1472 4 หลายเดือนก่อน

    Nice Video

  • @loidcalin
    @loidcalin 4 หลายเดือนก่อน

    Hello, I hope so. Can you make another video to show how to do this with elementor pro without having to put HTML CSS code?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      It’s also not possible without custom code even though you have Elementor Pro…

  • @DMLeBeau
    @DMLeBeau 4 หลายเดือนก่อน

    Hi. Thank you for the video, i love it. I wanted to suggest that on your template page, for each template you add a link to the tutorial for people to learn how you got to do it, instead of just downloading the template. I like learning than I purchase

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You're welcome and thanks for the tip!

  • @JuanMendozaManuel
    @JuanMendozaManuel 4 หลายเดือนก่อน

    Hello, I bought the template and it worked well for me on a site. But when I put it on another website that I have, the correct page does not appear, when I try to edit with Elementor the template only appears large: MDW Horizontal Scroll - Disabled on Mobile (Container) What could be happening?

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      You can email me your page link. I’ll have a look!

  • @Raghudesign
    @Raghudesign 4 หลายเดือนก่อน

    share the url used for this video

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน +1

      It's jituraiyan.com/horizontal-scroll as you can see it's also visible in the video...

  • @abdullahalsinha
    @abdullahalsinha 4 หลายเดือนก่อน

    bro can you make a video of full tutorial ? You just show paraloxs but you made website alrdy we need the web design tutorial also

  • @Storyteller703
    @Storyteller703 4 หลายเดือนก่อน

    ty bro

  • @digitallysayra
    @digitallysayra 4 หลายเดือนก่อน

    If you'd have done on a blank canvas it'd have been easy to follow... Anyways nice work

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 หลายเดือนก่อน

      Yes, but that would be time consuming to create those elements...

  • @Masterilio-x
    @Masterilio-x 4 หลายเดือนก่อน

    🔥