Mobile Header Case Fix

I run a Shopify store and have noticed two small but annoying quirks on the mobile version (iPhone tested):

1. Page headers show up in a mix of uppercase and lowercase letters. I want every mobile header to follow simple sentence-case styling—only the first letter capitalised, the rest lowercase (e.g., “Keramik”). Desktop styling must stay exactly as it is. Only three headers need to be changed.

2. From time to time the product price slips above the header on mobile. That placement bug needs to be corrected so the price sits back where it belongs. See attachment

Deliverables
– Mobile-only CSS (or liquid snippet) that forces the required sentence case on all page headers without touching desktop.
– A clean fix for the price-position issue, tested across common iOS screen sizes.

Please work directly in the Shopify theme editor or provide the code with clear paste-in instructions. Once both points look correct on my iPhone and other mobile breakpoints, the job is done.