Hello, my text has come off centred in mobile view. is someone able to please assist me with some code?
Thank you so much.
URL: www.samiyaskincare.com.au
PW: ellacoker
Topic summary
A Shopify store owner encountered a text alignment issue where content appeared off-center in mobile view. Screenshots showed the misalignment problem affecting the site’s appearance.
Initial Problem:
- Text displayed incorrectly centered on mobile devices
- Fixing mobile view caused desktop version to break
Resolution:
Multiple community members offered assistance. The solution involved adding custom CSS code to the base.css file:
- Target:
base.cssfile in theme code editor - Code added media query for screens 990px+ width
- Applied left margin adjustment to image-with-text content sections
Outcome:
The CSS fix successfully resolved both mobile and desktop alignment issues. The original poster confirmed the solution worked and expressed gratitude, noting it was resolved just before their website launch.
Hi @ellacoker
Did you get the issue on a unique browser or solve it? I see it displays correctly only at the end.
hello dan, please see my recent post. when i fix the mobile, the desktop version doesnt work
Hi @ellacoker
It seems that the changes to the base.css file that I supported in the previous post fixed all these errors for you.
Hi @ellacoker, to do that, please follow our instructions:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find base.css file.
Step 3: Paste this code at the bottom of the file:
@media screen and (min-width: 990px) {
.image-with-text__text-item > .image-with-text__content {
margin-left: 6rem !important;
}
}
If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 
thank you so much for your help dan. just bought you a coffee. you saved my website right before launch haha !
1 Like
You are very welcome!