Great tutorial, dude! You made it look simple. One question - do you know how to make each swipe moving exactly one card, and making it bigger when on screen? Thanks!
Thanks ! Super helpful ! Do you know how to center the grid content upon loading the page ? I have 3 cards in a one-row grid and looking for having the card in the middle to be seen in first. Horizontal scroll is working on the right but not on the left.
Glad you found it handy. Yes there is :) - I have just released a new tutorial outlining the premise of this. But essentially you can add on page load interaction and move the cards.
@@dereksiuau Hey, thanks for the fast reply! Another question for you... do you know of a way to have that automatically scrolling (horizontally) and then maybe stop when you have your mouse on it, or interactive with it on mobile. Thanks again, I subbed :)
@@almister999 Yes I do - you will have to create a move interaction (another technical term is: scrolling marquee) you commonly see this with logos. I plan to release a video of this soon, but if you can't wait you can look up marquee tutorial on Webflow. Thanks for the sub.
Any idea how to make the scrollbar across the bottom full width? I'd love it to have the same 16px indent on either size, right now it looks a little broken spanning full-width. Thanks!
Hey Nick, If i understand you correctly you want the scroll bar to have 16px indent or lets say (90% width) and have the content to be 100% width, if this is the case the overflow auto scroll bar only matches the width of the div. If you want it different sizes you will need to go through a custom solution such as using Swiper.JS. If I misunderstood this question I apologise can you shed some more light perhaps providing a read only link?
To the point without fluff. Nice. Thanks.
Thanks for watching
Your advices are clear and direct. Absolutely 💯 awesome
Awesome 💯 Glad you found value!
Brother, your tutorials are great. Straight to the point, thank you alot!
Thanks for watching and commenting brother!
Very helpful, thank you!
Thanks for watching and glad you found it helpful!
Thanks Derek
No problem! Thanks for watching and commenting.
Helpful! Thank you :)
You're welcome!
Great tutorial, dude! You made it look simple. One question - do you know how to make each swipe moving exactly one card, and making it bigger when on screen? Thanks!
@@leszeksmieszek4523 That functionality can be done through Swiper JS.
Thanks ! Super helpful !
Do you know how to center the grid content upon loading the page ?
I have 3 cards in a one-row grid and looking for having the card in the middle to be seen in first. Horizontal scroll is working on the right but not on the left.
That is a fantastic question. Not sure how to do that besides using Swipe.JS
Very handy, thank you! Is it possible to make the horizontal scroll automatically scroll?
Glad you found it handy. Yes there is :) - I have just released a new tutorial outlining the premise of this. But essentially you can add on page load interaction and move the cards.
The example you show at the start has a custom-styled scroll bar. Any idea how to do that? Thanks :)
Yes you can apply custom code. Here is a good plugin to do this:
ua-cam.com/video/8FgRiNqv2PU/v-deo.html
@@dereksiuau Hey, thanks for the fast reply! Another question for you... do you know of a way to have that automatically scrolling (horizontally) and then maybe stop when you have your mouse on it, or interactive with it on mobile.
Thanks again, I subbed :)
@@almister999 Yes I do - you will have to create a move interaction (another technical term is: scrolling marquee) you commonly see this with logos. I plan to release a video of this soon, but if you can't wait you can look up marquee tutorial on Webflow.
Thanks for the sub.
Any idea how to make the scrollbar across the bottom full width?
I'd love it to have the same 16px indent on either size, right now it looks a little broken spanning full-width. Thanks!
Hey Nick, If i understand you correctly you want the scroll bar to have 16px indent or lets say (90% width) and have the content to be 100% width, if this is the case the overflow auto scroll bar only matches the width of the div.
If you want it different sizes you will need to go through a custom solution such as using Swiper.JS. If I misunderstood this question I apologise can you shed some more light perhaps providing a read only link?
Hi! I did this but somehow, it won't work on ios devices. It works with android and desktops tho, could you help me?
It should work on both! Send me your read-only link and I can take a look for you when I get the chance.
I did everything the same way and it does not work
Oh no, sorry to hear. I understand it can frustrating. Did you end up resolving this?
I am not sue why but this dose not work for me
Can you send me your read-only link so I can take a look for you!
its funny how everything seems so simple but never working when you actually trying to do it on ur own page.
Hahaha - did you end up figuring it out?