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

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

КОМЕНТАРІ • 306

  • @prokassim
    @prokassim 5 місяців тому +15

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

  • @daviddirjan
    @daviddirjan 5 місяців тому +10

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

  • @Mohammad.rezaee2005
    @Mohammad.rezaee2005 7 днів тому

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

  •  Місяць тому

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

  • @thedude6867
    @thedude6867 2 місяці тому +1

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

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

      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 23 дні тому

      Can you please send the file bro

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

    Great Video !!! I learned a lot.

  • @RicardoRivera-ci3kc
    @RicardoRivera-ci3kc Місяць тому

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

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

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

  • @pandastudios-ca
    @pandastudios-ca Місяць тому

    Stunning!

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

    First you are the best❤

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

    One of the Best Mentor

  • @HERALDGROUP-mx2fx
    @HERALDGROUP-mx2fx 4 місяці тому +15

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

  • @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 UA-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?

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

    I was waiting for this video Thank you

  • @hashKPSC
    @hashKPSC 5 місяців тому +1

    Was waiting for a new video. Thank You

  • @Mobilecat1
    @Mobilecat1 5 місяців тому +1

    Thank you so much for the great gift of yours

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

    Here comes the hero ❤❤

  • @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…

  • @mirib5858
    @mirib5858 16 днів тому

    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  16 днів тому

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

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

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

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

      No it’s not working with this…

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

      Alright thank you for the information tho. Much appreciated.

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

    Cool ❤. Make more videos frequently.

    • @MakeDreamWebsite
      @MakeDreamWebsite  5 місяців тому +1

      Thanks! Yes, I’ll try

    • @deduice
      @deduice 5 місяців тому +1

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

  • @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?

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

    Excellent video!

  • @VeronicaLuzon-p9l
    @VeronicaLuzon-p9l 4 місяці тому

    Thank you for thisssss

  • @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.

  • @andrew4becker
    @andrew4becker 23 дні тому

    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  23 дні тому

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

    • @andrew4becker
      @andrew4becker 23 дні тому

      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!

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

    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  3 місяці тому

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

    • @VisualVision19
      @VisualVision19 3 місяці тому +1

      @@MakeDreamWebsite Thank you! Works perfectly!

  • @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 8 днів тому

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

    • @TheTopper33
      @TheTopper33 8 днів тому

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

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

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

  • @Mil.mikail
    @Mil.mikail 18 годин тому

    like it. I used it on elementor one week ago. I inserted the non mobile version. It worked. But now I decided to use the mobile version. But when inserting the json file, a mistake is popping up. I dont know where the mistake is coming from, when before it worked perfect. Could you help me please fixing the problem...

  • @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…

  • @amielsena3649
    @amielsena3649 5 місяців тому +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  5 місяців тому +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 5 місяців тому

      @@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.

  • @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?

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

    AmAZING video as always¡¡ thank you'

  • @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.

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

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

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

    Thank YOU for your talents and sharing w us bro!

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

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

  • @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

  • @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.

  • @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.

  • @axiom7206
    @axiom7206 3 дні тому

    Great video. Thank you very much. Unfortunately, the page containing the code is not available.

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

    Thank you!

  • @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. :)

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

    Glad to see you bro, do you remember me?

  • @gregnkatia
    @gregnkatia 4 дні тому

    One comment: the 4 containers have images, but are they background placements?

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

    BRO BRO BROOOOOOOOOO UR THE BEST

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

      Thanks!

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

      @@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

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

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

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

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

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

    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  2 місяці тому

      I think you have missed out some step

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

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

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

      @@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 2 місяці тому

      @@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

  • @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…

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

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

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 місяці тому +1

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

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

      @@MakeDreamWebsite thanks

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

    Well done

  •  5 місяців тому +1

    Best, thank you.

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

    Hey. Great material

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому +1

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

  • @AmirulIslam-gg2fn
    @AmirulIslam-gg2fn 3 місяці тому

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

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

      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?

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

    Nice Video

  • @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.

  • @DucksthatFloat-w2g
    @DucksthatFloat-w2g 3 місяці тому

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

  • @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

  • @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?

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

    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  5 місяців тому +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.

  • @Story_hacks
    @Story_hacks 3 місяці тому +1

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

  • @Redcannoneer
    @Redcannoneer 7 днів тому

    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.

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

    Will you do showcase like this with Phlox Pro plugins bro

  • @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

  • @tz_troll.s
    @tz_troll.s 3 місяці тому

    Where did get the container widget?

  • @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...

  • @DucksthatFloat-w2g
    @DucksthatFloat-w2g 5 місяців тому

    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  5 місяців тому

      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.

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

    Great video! The link to buy is not working.

    • @MakeDreamWebsite
      @MakeDreamWebsite  5 місяців тому +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  5 місяців тому

      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✌

  • @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

  • @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

  • @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…

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

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

  • @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.

  • @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

  • @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.

  • @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

  • @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!

  • @omerweichs
    @omerweichs 23 дні тому

    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  23 дні тому

      Have you followed the instructions well?

    • @INSSIsrael
      @INSSIsrael 23 дні тому

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

    • @MakeDreamWebsite
      @MakeDreamWebsite  23 дні тому

      Can you please email me

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

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

  • @Noob-be3dg
    @Noob-be3dg 5 місяців тому

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

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

      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!

  • @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

  • @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?🙏🏼

  • @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

  • @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 4 місяці тому

      @@MakeDreamWebsite perfect, I just emailed you thank you

  • @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...

  • @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…

  • @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?

  • @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…

  • @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...

  • @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

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

    ty bro

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

    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

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

    best

  • @Sakthi-i8v8w
    @Sakthi-i8v8w Місяць тому

    how it will works in mobile responsive bro?

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

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

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

    Hey bro, you're Jim Fahad, right?

  • @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?

  • @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

  • @Masterilio-x
    @Masterilio-x 5 місяців тому

    🔥