Hi,
Can you share your store url
Topic summary
Goal: Make the collection hero image span full width with the collection title and description overlaid and centered on both desktop and mobile in the Dawn theme.
Context: Current layout shows the image on the right and text on the left; user wants everything centered and overlaid on the image.
Solution steps (via Online Store > Theme > Customize > Settings > Custom CSS):
- Set the hero container to relative positioning with a fixed height so the section has a defined area.
- Make the image container absolute, full width and height, to create a full-bleed background image.
- Place the text wrapper absolute with a high z-index so it overlays the image.
- Center the title/description by positioning the text wrapper at left: 50% and translating X by -50%.
Status/outcome:
- Full-width image confirmed as working by the requester.
- Additional CSS provided to center the overlaid title/description.
- Code snippets are central to the solution; screenshot provided for reference.
- Resolution appears achieved, pending final confirmation from the requester.