Dawn Theme - Center Product Price, Variant-Section on mobile devices

Store Design
, ,
1

Hi there,

i am looking for a soltuion to center the items product.price and and the variant section. I already centered the product.title with:

@media screen and (max-width: 749px) {
.product__title h1 {
    text-align: center;
}

Unfortunately, I have no idea how to change the price and the variant section as shown in the image.

Screenshot 2023-08-05 094824.png
Screenshot 2023-08-05 094824.png468Ɨ576 24 KB

www.taskslider.de
PW: nonsense

2

Hello @Roxolot ,

Follow these steps:

  1. Go to Online Store ā†’ Theme ā†’ Edit code

  2. Open your base.css file and paste the following code below:

@media screen and (max-width: 749px) {
.product__info-wrapper.grid__item {
    text-align: center;
}
}

Thanks

1 Like
3

Hi @Roxolot

This is Richard from PageFly - Shopify Page Builder App, Iā€™d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

@media screen and (max-width: 767px){
.product__info-wrapper.grid__item {
    text-align: center !important;
}
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly