How to design overlapping columns

First add a column or a row element

Then design your content for both columns

Then Add a right negative margin to your overlapping column (the left one in our example)

Add a Z-index of 10 to see your column

Your column should appear over the right one.

Add some shadow or not to your column to add some 3D perspective.

And don't forget to adapt your design to your different viewport.

Here is the tablet view

EASY TO USE • BEAUTIFUL CUSTOMIZABLE • AFFORDABLE

Feminine WordPress Themes

& helpful Business Resources

Not quite ready for a custom site? Bromge selection of beintifal

website templanes." Jast apicad your oun logo, swap out your colces,

insert copy and images, and you're set! It's that easy!

BROP TER COLLECTION

Negative margin

Other hacks that could interest you

Blog article image
How to add a schema for SEO purpose
READ MORE
Blog article image
How to add a canonical code
READ MORE
Blog article image
How to add an automatic updated year copyright in the footer
READ MORE
Blog article image
How to add Particles.js to Brizy
READ MORE

Any ideas or Requests

Thanks

Feel free to contact us.

if you have any Hacks that would be great to add or any ideas you would like to be solved with Brizy cloud, You can write at contact@monsieurclick.com or use the form to upload images and ideas. Thanks a lot !!!

If you want just to say thank you or help us maintain this page, Feel free to donate whatever you want

DONATE

Thanks a lot for your help, It's greatly appreciated !!

And feel free to ask for tutorials or tips that you would like to discover on the site

MONSIEUR CLICK