A user seeks to reduce banner text size on mobile devices, as it currently covers the entire image and looks cluttered.
Solutions Proposed:
Custom CSS via theme.liquid: Add media query code in the theme.liquid file above the </body> tag to control mobile text sizing.
Edit base.css directly: Locate line 287 in base.css and modify the existing media query for .h0 font-size, changing from 4rem to 3rem for screens under 767px width.
Current Status:
The original poster has shared a reference image showing their desired mobile layout but hasn’t confirmed whether either solution achieved the intended result. The discussion remains open with no marked resolution.
Hey @norduxe
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
