Thanks for the suggestion, I really appreciate it! I did add a custom code, basically making sure that my custom blockquote is styled exactly as usual blockquotes in the mobile theme.
But I found out that was not the problem.
Using the Developer tool in Safari, I’m able to open the page as a mobile user agent (say iPod). I can double-check the result I have on screen with my own iPod.
When the window is resized (i.e. made smaller), text from a paragraph will be correctly reframed and push downward as the column gets narrower. The strage thing is new paragraphs won’t move accordingly. It’s as if
<p> are anchored into the page. Since those won’t move, the text from the paragraph above will be pushed unto the text of the following paragraph, overlapping it and making it unreadable. You’ll find a good example here.
I would greatly appreciate your insight on this. Meanwhile, I’ll keep looking into it.