Thank you so much! That works perfectly!!
Topic summary
A user needed help making a 2-column table in a blog post mobile-responsive. The table contained an image in one cell and text in another, displaying well on desktop but poorly on mobile—with a tiny image and squashed, off-screen text.
Solution provided:
- Add custom CSS with media queries to the theme.liquid file (before the tag)
- The CSS likely uses flexbox to reorder/stack the columns on mobile devices
Outcome:
- The user shared their blog post URL (kokoroshoujoshop.com/blogs/news/fall-2024-anime-season)
- After implementing the provided CSS code, the solution worked perfectly
- Issue resolved successfully