How can I arrange two sections side by side on my main page?

[MMunich]

Hello,

I have two sections but I want them side by side. For example on the main page I have two image banners and one of them is above the other one. You can see the result that I want in the first attached picture:

Another example would be the product detail page in which I have the product information section and another section and also I want them side by side instead of above and under. This is what it currently looks:

This is how it should look like:

How can I achieve that? I know how to add/change css but I dont know how to adress those sections.

Thanks in advance

[suyash1]

@MMunich - can you please share these page link?

[Moeed]

Hey @MMunich
Kindly share your Store URL and Password if enabled

[MMunich]

URL: https://1549f8.myshopify.com

PW: thiayo

[MMunich]

Sure,

URL: https://1549f8.myshopify.com

PW: thiayo

[MMunich]

Did I forget something? Can you please help or let me know?

[MMunich]

Did I forget something? Can you please help or let me know..?

[suyash1]

@MMunich - this will need code editing, it is not CSS task, are you familiar with the coding?

[MMunich]

Thanks for your reply. Yes, I`m a software developer, just no experience with shopify/liquid.

[Moeed]

Hey @MMunich

The problem which you mentioned seems like code customization work that needs to be done properly after a complete understanding of the coding behind the section and the issue as well. I highly suggest you to hire a Shopify developer if you’re not familiar with coding.

Best Regards,
Moeed

[suyash1]

@MMunich - you can go to page.liquid template check the coding and then copy the product__info-wrapper class content into the location you want

as per your need, you will need to copy code into collapsible content grid item