All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi there,
I had to make some adjustments on this page so the text and the image are left aligned on desktop, however, now the text is not aligned on mobile.
Is there a way to fix that?
https://www.manukapharm.co.nz/pages/your-daily-spoonful
Thank you,
Marina
Solved! Go to the solution
This is an accepted solution.
Hi @maaferreirac ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css or theme.css
Step 3: Insert the below code at the bottom of the file -> Save
@media only screen and (max-width: 600px) {
.container .rte > div {
padding-left: 5px !important;
}
}
Here is result:
Hope this can help you
Kind regards,
HDL-Shin
This is an accepted solution.
Hi @maaferreirac ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file base.css or theme.css
Step 3: Insert the below code at the bottom of the file -> Save
@media only screen and (max-width: 600px) {
.container .rte > div {
padding-left: 5px !important;
}
}
Here is result:
Hope this can help you
Kind regards,
HDL-Shin
That worked! Thank you so much 🙂