Column overlay on another column or section

Hi there,

I have tried several things in order to get a column to overlap on a divider element : z-index, negative margin-top, overflow: hidden etc… It looks like a position: absolute would help but I am pretty sure you have something better!

Could you please help with a miracle recipe? 🙂

Attachments:

You must be logged in to view attached files.

To add more details –
Easy to get an element to overlap a full width divider with class “position-relative z-index-10” on column and margin-bottom: -zzzpx;

My issue is that the bottom element is full width as well, hence impossible to “just” get a box “flying” above the divider…

Any idead are appreciated!

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide the site admin access to the private area as well as page URL I will check the settings.

Best Regards

Hi Elise,

Sure, please find it below.

Attachments:

You must be logged in to view attached files.

Hello,

Now I see that the row overlaps the divider row. Please clarify your purpose, show the screen how you want to arrange it? https://prnt.sc/sek0i9

Best Regards

Hi Elise,

Please see attached images with the two issues mentioned earlier.
Let me know if it clarifies!

Attachments:

You must be logged in to view attached files.

Hey Elise,

The issue I described as “Target 2” in the previous attachment is solved 🙂
Just need your help for the first one!

Thank you again!

Hello,

You should add z-index classes like this https://prnt.sc/seqnec in addition you need to add position: relative class

If you add a negative margin to the below row it should be like this: https://prnt.sc/seqpf8

Best Regards

Perfect, thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts