Topic summary
A user seeks to reposition heading text within an image banner on their Shopify Trade theme, specifically wanting “Back Roads Woodworks” to appear above a chair in the top-left area rather than its current centered position.
Solution Provided:
A community helper provided CSS code to be added to the theme’s stylesheet (base.css, style.css, or theme.css):
- Desktop fix: Adjusts banner content alignment to flex-start and removes top padding
- Mobile fix: Additional CSS targeting screens under 749px width to maintain consistent positioning across devices
Outcome:
The desktop solution was confirmed working by the original poster. A follow-up mobile-specific code snippet was then provided to achieve the same positioning on smaller screens. The issue appears resolved with both desktop and mobile implementations delivered.