Overlap elements

Hi there,
I want to create an effect of div over div like shown in the image. I've used negative top margin to do this in other projects but it doesn't work here.
Could you help me doing this?
Thanks

The dev site is this: http://www.tuherenciafacil.com/web/  
and here you can see the overlapping design:

Comments

  • Hello,
    You're using the WPBakery to negative margin - there is an option "move up" in the Muffin Builder which works fine, but as I assume, you don't want to use it.
    So, for now, I suggest to disable all of the plugins, clear the cache of your browser and check, if the issue still exists (of course, leave the WPBakery turned on).

    Also, to be honest, you should contact the WPBakery support for the quickest solution, but we'll try to help you too.
    Thanks
  • edited September 2019

    Hi Pablo,

    Ok, I've done that.
    I'm testing adding  "display: table-header-group" to the background div, it now overlaps but there are other format issues (lost padding, row not full width)

    Maybe you can find a better way to achieve this. I'm sure that will be a simple solution,

    WPbakery doesn't provide support if you don't have a purchased license.

    Thanks for giving a hand with this.

  • Ok, I think I've found a workaround using an element within the same father div instead overlapping differents divs of the same level.  
    A little bit tricky but it works.
    Thanks
  • Glad to hear that you found it.

    I found another way to do that:
    Add the custom css code (or class) to that wrap
    the overflow:unset css should make the job (as on screenshot)

    Thanks
  • Perfect! Thank you for your support Pablo 
Sign In or Register to comment.