How to centre product name, price + quantity only on mobile sense theme

Shopify Discussion
1

Hello! I am wondering if someone can help me with this issue I’m having? I am wanting to centre all of the content in the red box (see photo), but ONLY on my mobile layout. I am using the Sense theme. I am also no stranger to code edits, so I am more than happy to do them myself if someone can help me find the right code :slightly_smiling_face: Thank you!

Untitled design (3).png
Untitled design (3).png2956×6400 602 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

URL is www.auburnaroma.com

There should be no password on the page at present :slightly_smiling_face:

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.product__info-wrapper.grid__item {
    text-align: center;
}
quantity-input.quantity {
    margin: 0 auto;
}
.product__info-container>*+* {
    margin: 0 auto;
}
.product-form__buttons {
    margin: 0 auto;
}

ZestardTech_0-1685019703813.png
ZestardTech_0-1685019703813.png1634×874 69.1 KB

1 Like
5

Worked perfectly! Thank you!!

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

1 Like