This members-only tutorial provides the steps to implement Webflow's Horizontal Scrolling in WordPress (running Oxygen).
We shall add a Repeater ACF (Advanced Custom Fields) field having an image sub field and show all the images set in this custom field in a Section such that as we scroll down, the images move from right to left i.e., scroll horizontally.
Install and activate My Custom Functionality plugin.
Connect to your hosting account using a FTP client and navigate to /wp-content/plugins/my-custom-functionality-master.
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($37/month or $399 one-time).
Already a member? Log in below or here.
This is interesting. I almost know enough to understand your tutorials.
Doesn’t really work for mobile though. All the images to do not scroll and it is hard to manage.
You are right. I should have checked it in tablets and mobiles.
Webflow’s demo does not have this problem. I think I know how to fix this.
I’ll test it and let you know soon..
Ah I thought this was going to apply to how to do it to many things (more detailed) not just ACF and that particular div block. I wanted to create sections/divs in Oxygen and have them scroll horizontally .
Hi, Added position: -webkit-sticky; (but found it was already in .gallery-container).
Tested on Firefox, Chrome desktop and mobile phone. Still doesn’t resolve the complete scrolling of images.
Can this be achieved without ACF Pro or an image gallery? Thanks in advance!
I appreciate all the great tutorials, but this tutorial isn’t very clear. I did everything that was asked within the tutorial, but it didn’t work. You can find my work here:
The HTML to be added in Step 4 does not seem to appear on your site’s page.
Can you provide me your WP login so I can look into this?
Send it via the contact form at https://wpdevdesign.com/account/?action=support.
[…] scrolling of the content (the Gallery in this case) has reached the end. If that is needed, follow this tutorial (members-only) […]
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 210 other subscribers