Centre Product Description and Title & Reviews only in Mobile

[ellacoker]

Hello,

Is someone able to assist me in centreing my product title, description & star rating (only in mobile)? Thank you very much.

Ella.

URL: https://www.samiyaskincare.com.au/products/throat-chakra-face-oil 

[Huptech-Web]

Hi @ellacoker 
Do you need something like this?

[ellacoker]

yes please

[Huptech-Web]

Hi @ellacoker 
Add the code below to theme.liquid

Go to current theme -> edit code -> find theme.liquid and add the code below before </head>

<style>
@media screen and (max-width: 767px) {
.product__info-container {
    text-align: center;
}
}
</style>

[Mustafa_Ali]

<style>
@media screen and (max-width: 767px) {
section#ProductInfo-template--24209589993766__main {
    text-align: center;
 }
}
</style>

@ellacoker 

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Mustafa_Ali]

hey @ellacoker try this one

[Dan-From-Ryviu · Accepted solution]

Hi @ellacoker 

You can do that by adding this code to Custom CSS of Product information

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