How can I center align content in mobile view?

Store Design
1

Hi everyone. I want to centre align the content when in mobile view. I would like the buttons and price to be displayed in the centre of the page as well.

Thank you for your help.

https://decru-vintage.myshopify.com/products/80s-bomber

pass: gluvia

Screen Shot 2021-09-14 at 12.14.47 pm.png
Screen Shot 2021-09-14 at 12.14.47 pm.png1420×2056 237 KB

2

Hello @Jess2021 ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.css-> paste bellow code in bottom of file
@media only screen and (max-width:749px){
.product__price {
    display: inline-block;
}
.product-form {
    margin: 0 auto;
}
}

Thanks

2 Likes
3

THANK YOU! this has worked perfectly.

1 Like