Center Content on Product Detail Page

Site URL: http://untodust.co/shop/desert-dreamer-print

I am looking to edit how my Product Detail Page looks on mobile.  In desktop view the Title, Purchase button and info is aligned left and looks great... but on mobile view it looks incorrect.  Is there any CSS that I can add to center-align the Product Detail page on mobile?

http://untodust.co/shop/desert-dreamer-print

Would love to know this as well!

@aaronjoelunderwood, @barparttime, is this what you were looking for?

 

12 minutes ago, RyanDejaegher said:

@aaronjoelunderwood, @barparttime, is this what you were looking for?

 

Yes! I'd also like to center align the price and product description as well.

@barparttime 

Can you share a link to the site. You'll also need to set a site-wide password.

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

@RyanDejaegher

Of course! 

https://barparttime.squarespace.com/
Password is: thanksryan

Really appreciate the help!

On 6/21/2020 at 1:32 AM, barparttime said:

@RyanDejaegher

Of course! 

https://barparttime.squarespace.com/
Password is: thanksryan

Really appreciate the help!

Add to Home > Design > Custom CSS

@media screen and (max-width:700px) {
div#productDetails * {
    text-align: center !important;
}
}

@RyanDejaegher I send you a private message concerning this case. Did you get it? Thanks in advance

@tuanphan This did not work for me. 

Is there another way perhaps? or other code?

Thank you

@media screen and (max-width:700px) {
div#productDetails * {
    text-align: center !important;
}
}

On 2/15/2021 at 6:58 PM, Davidreijmer said:

@tuanphan This did not work for me. 

Is there another way perhaps? or other code?

Thank you

@media screen and (max-width:700px) {
div#productDetails * {
    text-align: center !important;
}
}

Code works for above site. Can you share link to product on your site?