Hello,
Is someone please able to help me centre my product page information only on mobile?
Mainly the description, pop up, heading, price, etc.
Thank you
Ella.
URL: https://www.samiyaskincare.com.au/products/crown-chakra-face-mask-moringa
Topic summary
A Shopify store owner seeks help centering product page elements (description, heading, price, pop-ups) on mobile devices only. A screenshot shows the current left-aligned layout on mobile.
Three solutions provided:
- Solution 1: Add CSS code to theme.liquid file within
<style>tags before the body section - Solution 2: Insert CSS media query targeting screens under 749px into component-card.css file to center the product popup modal opener
- Solution 3: Add CSS code to theme.liquid above the
</head>tag
All solutions involve editing theme code files through the Shopify admin (Online Store → Themes → Edit code). Each respondent includes screenshots demonstrating code placement and expected results.
Status: Multiple solutions offered; awaiting confirmation from original poster on which approach worked.
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
Hi @ellacoker , you can follow these steps:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find component-card.css file
Step 3: Paste this code at the bottom of the file
@media screen and (max-width: 749px) {
.product-popup-modal__opener.quick-add-hidden {
width: 100% !important;
text-align: center !important;
}
}
If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 
Hi @ellacoker
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly