I have a scrolling timeline (demo) and I've encountered an issue where padding-left is working to hide the timeline branch images on the left side of the timeline before it's scrolled over, but padding-right is not working to hide the branch images on the right side.
The method I'm attempting to use is that the branch image is inside a container .event_line which has overflow: hidden and the image has padding-left set to 100% until the section is scrolled to at which point padding-left animates down to 0%, revealing the image. This method works on the left side of the timeline, but not on the right.
What do I need to change in order for padding-right to hide the branch images on the right side of the timeline?
Just add float:right; to your right image.
OR
Add this CSS in your CSS file
.right .timeline-item .event_line img
{
float:right;
}