How can I rearrange elements on my product page for better aesthetics?

Store Design
1

Hi, On the desktop view I have a large empty space on the left side just below the product media whilst on the right side I have the colour variants, add cart button, collapsible tabs etc. I would like to improve the outlook of it and be able to move some of the elements from the right to the left below the media.

is this possible?

Fundas Almohadas de seda de bambú - B-ESS – B-ESS (bessessentials.com)

2

@MONASI , Yes this is possible to move the content from right to left below the product images.

It requires some changes in the theme code. DO you have the knowledge of liquid coding?

let me know if I can help you with this.

3

Hi @MONASI

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

if you don’t want the spaces you can try this way

Online Store ->Theme ->Edit code

Assets ->Styles.css

.container {
    max-width: 100% !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

4

Hi, what does this do exactly? I inserted it and does nto change anything on the product page.

5

@MONASI

This code of mine will remove unnecessary space in product details, as you can see it is showing full screen now.

6

Yes, but now the product pics look too big. I would have preferred contain the content not expand it.

7

I’m sorry but this is out of my scope. You may try contacting Shopify support or finding another expert regarding this issue.