Solved

Dawn Theme: How do I make a horizontal grid system on my product page?

SebastianL
Explorer
70 0 20

At the moment all of the information on the product page is stacked vertically on top of each other. What I want is to have the images/media on the left side where it is right now. Then I want to move all the product information (beneath the images/media) to the right side.

 

Basically I want a grid system with 2 boxes horizontally next to each other. Media on the left and information on the right.


Please help med code this!

 

URL: https://pleasedontbetaken.myshopify.com/products/datacell-2

Password: lutred

 

Thanks!

Accepted Solution (1)

KetanKumar
Shopify Partner
36902 3640 11985

This is an accepted solution.

@SebastianL 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
.product__info-wrapper {
    padding-left: 2rem;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36902 3640 11985

This is an accepted solution.

@SebastianL 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-main-product.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px) {
.product__info-wrapper {
    padding-left: 2rem;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SebastianL
Explorer
70 0 20

You absolute legend! Thanks a bunch!

KetanKumar
Shopify Partner
36902 3640 11985

@SebastianL 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Luckyclover316
Tourist
6 0 1

This solution did not work for me and I am trying to do something similar. Can you please help me?