It works, but now the arrow doesn’t seem to show up until I start to scroll. It was set to show up after 0.3 seconds sliding down.
It is very strange because it only happens in the pages where I went and edit the padding (I already had a class for those rows and I wrote the CSS in the global settings of Beaver).
So, in this page: http://en.thecrazytravel.com/media/photos/
I went in and edited the padding, leaving it on 40px bottom padding and 20px top padding. Arrow don’t show up until I start to scroll down.
In this page: http://en.thecrazytravel.com/gear/
I have not edit it yet, the padding should be something like 700 tip padding and 20px bottom padding. And it works as expected.
I have visited both your pages and on the page where the arrow isn’t appear on screen. You appear to have set a margin-top of 700px and a margin-bottom of 20px. Can you remove this as it should be required and there is no similar CSS applied to the page where the arrows is appearing without any issue.
I solved it adding a top padding of 300px to the arrow in all the pages. For some reason if there is no top padding (or at least with a “small” 20px padding), the arrow doesn’t show.
The animation starts when the module wrapper hits a certain point in the viewport, and that point is hardcoded. So even if the module is already visible on your screen, the animation didn’t start since it didn’t hit that certain point. The reason why it works if you add top margin/padding is because either of those add to the content area of the module.
Sorry, a lot has been discussed on this thread. Which feature are you referring to? Also, feel free to check our Trello roadmap and see if it answers your question. https://trello.com/b/pqdibDqC/beaver-builder-roadmap
“Hey Doug! Thanks for reaching out with your question. I believe we default to vertical centering, but you’re right, this isn’t as flexible as it could be.”
