We like the Narrative theme and want to make it more legible on handheld devices (i.e., iphone and such). I have used the Shopify menu but not been able to get the text on the Product page, the About page, the Blog posts to be larger on the phone. It is fine on the desktop though.
For example, on the Product page, the text “there are several basic hand stitches…” (product body text?) looks fine on desktop, but looks too small on iphone. Acceptable size and legibility would look more like screenshot below from Instagram, for example. Just a bit larger, a bit more legible, without having to use a Header typeset. I expect I can tweak this in the Liquid files area but am not sure where to start. Thank you in advance!
https://learncraftsew.com/products/slow-stitch-lily
@MHSimons
Please add the following code at the bottom of your assets/theme.scss.liqud file.
body, button, input, select, textarea{
font-size: 1.7rem !important;
}
You can change above font size as per your need.
This seems to have worked nicely [email removed] dmwwebartisan. Thank you! However, it seems to have caused a minor weirdness on the “hamburger menu” items whereby the item with subs is showing up with a different size than the other menu items. Oddly, text for item “Sewing and Craft Kits” shows LARGER on the mobile phone screen than other items, while same text shows SMALLER on the desktop browser.
So, I expect this has something to do with the in the liquid file that may need another tweak. Any suggestions?
