How to Center Everything on Product Page and Home Page ONLY on mobile?

[a_hs82]

Hi! I am using the dawn theme. I have a one product store. On the home page, I would like the featured product and its information to be centered. On the product page, I would also like everything to be centered. What codes can I use to do this? Thanks

[PageFly-Oliver]

Hi @a_hs82 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

{% if template.name == 'index' %}

{% endif %}
{% if template contains  'product' %}

{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[a_hs82]

Hello, thank you for the reply. It centered most stuff but the price is still off. Also, the code did not center the product page, only the featured product on home page. I would like both if possible. Also I only wanted the effect on mobile and its happening on PC too.

[a_hs82]

Hi! Please disregard last reply. I updated the theme and it solved the problem with the price. Here is what the code looks like on the product page vs home page. The home page looks super great (thank you!) but I would like the product page to look the same. Is there a code I can add to do this ? thanks for your time

[a_hs82]

Btw, it actually looks better centered on desktop too! So you don’t need to make separate codes. I can have both centered.