Overlapping sections

[amitmalhotra1]

Hi,

I have been using X and pro for a while now. Its a wonderful platform to design websites.
I have been trying to create overlapping sections which are very popular these days. These can be easily done with other themes’ inbuilt features. But its hard to achieve this in X or pro layout options.

I have attached a screenshot for you to refer. I can do this in X too but it can’t handle responsiveness well. Can you guide me if there is an easy way to achieve this.

Thanks
Amit

[prakash_s]

Hello Amit,

Thanks for writing to us.

It seems that you are using our Grid Element. You can make it responsive for all devices. Please have a look at our documentation of Grid to learn more about how to make Grid responsive.

Grid | Themeco Docs

You can also check video documentation of Grid as well.

Grid Element | Themeco Content

Hope It Helps
Thanks

[amitmalhotra1]

I think I was not clear enough. I am not working on any grid element. While creating page layout using cornerstone or pro builder, we insert sections and rows and columns. They are based on CSS grid like boxes. My question is how we can create a layout which has 2 columns. Left column with picture and right column with content. And Left picture overlaps right column a bit. Please see the sample picture. This is what I want to achieve.

Thanks.

[tristup]

Hi Amit,

There is no such option to overlap two different columns whereas the Grid element has similar options to make two sections overlapped.
Please find detailed information on it here: https://theme.co/docs/grid#a-couple-layout-ideas and a video that explains how you can achieve it.

Hope it helps.
Thanks