# Full Height Row Without Vertical Centering

**URL:** <https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168>\
**Category:** Beaver Builder\
**Created:** [December 26, 2015, 7:50am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168 "2015-12-26T07:50:31Z")\
**Posts on this page:** 12\
**Page:** 2

<div class="post-metadata">

**Author:** ![shadowsoul](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/shadowsoul/32/687_2.png) [@shadowsoul](https://community.wpbeaverbuilder.com/u/shadowsoul)\
**Post date:** [February 17, 2016, 11:01am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/21 "2016-02-17T11:01:08Z")

</div>

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/](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/](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.

Weird.

---

<div class="post-metadata">

**Author:** ![Danny](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/danny/32/3451_2.png) [@Danny](https://community.wpbeaverbuilder.com/u/Danny)\
**Post date:** [February 17, 2016, 1:29pm UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/22 "2016-02-17T13:29:30Z")

</div>

Hi Pablo,

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.

Thanks,  
Danny

---

<div class="post-metadata">

**Author:** ![shadowsoul](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/shadowsoul/32/687_2.png) [@shadowsoul](https://community.wpbeaverbuilder.com/u/shadowsoul)\
**Post date:** [February 17, 2016, 8:45pm UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/23 "2016-02-17T20:45:40Z")

</div>

The margin-top is 20px in that page.  
[http://en.thecrazytravel.com/media/photos/](http://en.thecrazytravel.com/media/photos/)  
[https://drive.google.com/file/d/0BwyXmadE98SnWkNGQzQ3VWFMUG8/view?usp=sharing](https://drive.google.com/file/d/0BwyXmadE98SnWkNGQzQ3VWFMUG8/view?usp=sharing)

It is on the pages with 700px where the arrow shows up.

---

<div class="post-metadata">

**Author:** ![shadowsoul](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/shadowsoul/32/687_2.png) [@shadowsoul](https://community.wpbeaverbuilder.com/u/shadowsoul)\
**Post date:** [February 18, 2016, 5:09am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/24 "2016-02-18T05:09:02Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [February 18, 2016, 9:39am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/25 "2016-02-18T09:39:31Z")

</div>

Hey Pablo,

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.

Hope this makes sense! 🙂

Ben

---

<div class="post-metadata">

**Author:** ![shadowsoul](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/shadowsoul/32/687_2.png) [@shadowsoul](https://community.wpbeaverbuilder.com/u/shadowsoul)\
**Post date:** [February 18, 2016, 9:41am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/26 "2016-02-18T09:41:19Z")

</div>

It does, thank you. 😉

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [February 18, 2016, 6:35pm UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/27 "2016-02-18T18:35:25Z")

</div>

Awesome, and no worries at all! Enjoy! 🙂

Ben

---

<div class="post-metadata">

**Author:** ![daveporter](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/daveporter/32/106_2.png) [@daveporter](https://community.wpbeaverbuilder.com/u/daveporter)\
**Post date:** [March 29, 2016, 2:26am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/28 "2016-03-29T02:26:25Z")

</div>

Just checking is this feature in the latest BB 1.7.5 ?  
Thanks, Dave

---

<div class="post-metadata">

**Author:** ![justin](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/justin/32/16_2.png) [@justin](https://community.wpbeaverbuilder.com/u/justin)\
**Post date:** [March 29, 2016, 10:35am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/29 "2016-03-29T10:35:43Z")

</div>

Hey Dave,

This will be making it into the 1.8 update that we are currently working on finalizing. Stay tuned!

Justin

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [March 29, 2016, 10:50am UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/30 "2016-03-29T10:50:08Z")

</div>

Hey Dave,

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](https://trello.com/b/pqdibDqC/beaver-builder-roadmap)

Ben

---

<div class="post-metadata">

**Author:** ![daveporter](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/daveporter/32/106_2.png) [@daveporter](https://community.wpbeaverbuilder.com/u/daveporter)\
**Post date:** [March 29, 2016, 4:56pm UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/31 "2016-03-29T16:56:30Z")

</div>

Thanks Justin, Looking forward to it…

Ben, essentially the opening feedback from Robby:

“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.”

Cheers, Dave

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:20pm UTC](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168/32 "2019-04-27T22:20:50Z")

</div>



[Previous page](https://community.wpbeaverbuilder.com/t/full-height-row-without-vertical-centering/6168.md?page=1)
