I’m currently working on an app, and I’ve used the Collection component to create a list. However, I’m facing an issue where the fonts appear very small when I view the app on my mobile device. I’ve tried increasing the phone’s font size, but it didn’t affect the font size within the app.
If anyone has encountered a similar situation or knows a solution to increase the font size within the Collection component, I’d greatly appreciate your suggestions and guidance!
The workaround is using a custom collection. You might not get the same layout, but it’s customizable as you can add text components and set a font size.
Can you show us how small the font is on your phone?
I know the settings are different on different phones, but in addition to a Font size option, I also have a Display size option which makes a big difference. May want to check if you have a setting like that.
Use a Custom Container. Add just a single component inside the container - a Rich Text component. Inside that component put a borderless HTML table with two columns - one for the image and one for the text.
I just did a very quick mockup to show how it could look:
That looks a bit wonky because I didn’t bother with any styling. But with a little bit of inline styling you could make it look however you want - including controlling the size of the font.
