I made some changes to my blog posts on PC and they look fine.
However, when I tried to view it on my mobile I realised the spacing looks very strange.
If you take a look at http://www.alphabetvitamins.com on your mobile you will see that some words don't have enough space to fit on a new line and so instead just start on a new line or paragraph.
However Shopify does not give one the option to edit the post on mobile only.
Any suggestions would be much appreciated, thanks
Solved! Go to the solution
1 - First of all, your body text size is set to 14px the minimum recommended is 16px.
- Unless you want it that way?
2 - The reason your text has too much space between is that you're using too many <p> which stands for "paragraphs".
<p>Hi there, my name is</p>
<p>Mark and was nice to meet you</p>
<p>Hi there, my name is Mark and was nice to meet you</p>
3 - How to fix it? you need to delete the <p> and add the entire text on a single one <p>
- Attaching your code, so you can see what I'm talking about!
This is an accepted solution.
Great! if you don't want that to happen here's the solution:
- You can see I only used 1 <p> to start and </p> to close it.
- if you need space between the paragraphs don't add more <p></p> just use this <br> where you need the space.
<br> Stands for single line break, you can even use more than one. and you don't need to close it like this </br> just this <br>
<p>Fusce quis nisl et eros elementum mattis. Ut porta orci sit amet lorem facilisis ornare. Etiam consequat, erat id sagittis aliquam, odio tortor tempus dolor, ut rutrum lectus risus nec eros. Pellentesque vel lorem augue. Maecenas porttitor malesuada ornare. Vestibulum sodales iaculis nisl nec facilisis. <br> Donec facilisis pulvinar elit, eu ultrices nisi consequat ut. Sed eleifend enim id urna sollicitudin, a semper tortor consequat. Ut vel pharetra risus, vel faucibus orci. Vestibulum nibh leo, rutrum eu mattis nec, mollis in sem </p>