Column Layers

AudriSmith910

Is it possible to change which column layers over the other? I'm trying to make a design similar to this but I can't get the purple box to lay over the image to the right.

Aj_Cre8

You can use z-index in the CSS.

Edit the HTML/CSS of the left column.

Click on CSS and add

z-index: 2 !important;

Then do the same for the right column but make it

z-index: 1 !important;

ScottyStrehlow

Hi @AudriSmith910,

Yes, Aj provided some great CSS options for you above.

You can also try out Duda's Flex sections, as well as play around with the z-index properties of the columns.

Let me know if you're still having trouble!

AudriSmith910

https://community.duda.co/discussion/comment/2052#Comment_2052

Thank you!! This worked perfectly!

bekean

Ensure that the HTML structure of your elements reflects the desired stacking order. Elements that appear later in the Drift hunters HTML code will typically appear on top of elements that appear earlier.