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 ($27/month).
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.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 124 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.