Centering Product Page media & Text - Dawn Theme

Store Design
, ,
1

Hi guys,

I’m looking to have my product media and information centred.

As you can currently see the media is to the left and all text alignment is to the left, I would love for it to be centred and all the text, variant thumbnails & everything else centred.

I would like this for both mobile and desktop, but mobile is my priority

Additionally you’ll notice you can see part of the edge of the next image on mobile, I was hoping it would be hidden and only appear when the customer swipes.

The reason for all this is basically just synergy & aesthetic of my entire store, everything except the product page uses a centred layout.

shopify forum help.JPG
shopify forum help.JPG375×1238 41.7 KB

For reference if need be: https://sleepingbooty.com.au/products/copy-of-luxe-satin-personalised-robe-short-sleeve-white?option1=S%2FM%20(6-12

2

@sleepingbooty Please add below line of CSS code at the end of your base.css file.

@media(max-width:767px){
body .product__info-container {
    text-align: center;
}

.has_dpo_options quantity-input {
    margin: 0 auto;
}

body .product__description.rte {
    text-align: left;
}
}