Hey @AU_3
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Topic summary
Goal: move collection titles below the collection image in the Atlantic theme on both desktop and mobile while preserving the existing font.
Context: The store URL was shared (https://aceanduka.com/). Responders requested access details; no password was posted.
Proposed solutions (code-centric):
- Edit theme.css and add: ‘.collection a { align-items: end!important; }’ to push the title below the image. Result screenshots for desktop and mobile were provided.
- Alternative CSS: add to theme.css: ‘span.collection-overlay { margin-top: 175px !important; }’ so the title and the hover ‘Browse’ button both display without overlap. A result screenshot was provided.
- Another suggestion: insert custom code in theme.liquid above ‘’, but the snippet was not included, so the guidance is incomplete.
Notes:
- Images and CSS snippets are central to understanding the fixes.
- No confirmation from the original poster that any solution worked; no answer marked as accepted.
Status: Unresolved/ongoing. Key open point: which CSS approach best fits Atlantic’s structure on this store, and confirmation that it renders correctly across desktop and mobile.