# Overlap rows on top and bottom

**URL:** <https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756>\
**Category:** Beaver Builder\
**Created:** [March 30, 2022, 3:53am UTC](https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756 "2022-03-30T03:53:26Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![superski777](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/s/a88e57/32.png) [@superski777](https://community.wpbeaverbuilder.com/u/superski777)\
**Post date:** [March 30, 2022, 3:53am UTC](https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756/1 "2022-03-30T03:53:26Z")

</div>

I am trying to accomplish what you see in the attached image.  
I want the logo/menu bar to overlap the top red bar and the image.  
I see in the forum how to overlap an image but how do I get it to overlap an entire row.  
If I use negative margins for the image then it covers up the blue logo/menu bar

 ![Blue Feather Tours - Copy](https://community.wpbeaverbuilder.com/uploads/default/original/2X/c/c53052728c6c90b32c2cee48c45ae1c76b4088f8.jpeg)

---

<div class="post-metadata">

**Author:** ![jackson](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jackson](https://community.wpbeaverbuilder.com/u/jackson)\
**Post date:** [March 31, 2022, 9:50am UTC](https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756/2 "2022-03-31T09:50:41Z")

</div>

You can simply use `top: 50px` in your `img` block, change `50px` to fit your need.

---

<div class="post-metadata">

**Author:** ![superski777](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/s/a88e57/32.png) [@superski777](https://community.wpbeaverbuilder.com/u/superski777)\
**Post date:** [March 31, 2022, 1:30pm UTC](https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756/3 "2022-03-31T13:30:11Z")

</div>

Not sure I understand the response. The image is a background image in a row. What css do i need to add to have the whole row be behind the blue bar with the logo and menu

---

<div class="post-metadata">

**Author:** ![jackson](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/j/e68b1a/32.png) [@jackson](https://community.wpbeaverbuilder.com/u/jackson)\
**Post date:** [April 5, 2022, 7:13am UTC](https://community.wpbeaverbuilder.com/t/overlap-rows-on-top-and-bottom/15756/4 "2022-04-05T07:13:43Z")

</div>

Please share the screen shot
