FROM CACHE - en_header

Dawn theme change collection image size and collection heading on top?

New Member
2 0 0

I want to change the individual collection images on the collection page to be full size on mobile with collection title & description on top and centered. 


For desktop, i'd like to have the collection title and description in the left half and the collection image on the RHS.


My store URL - 



Reply 1 (1)
New Member
41 4 7

Hi there Damerrano77.


Paste in the following code into your theme.liquid file. Look for </head> and paste the code right above it.


Online Store > Themes > Edit code > theme.liquid

  @media only screen and (max-width: 749px) {
    .collection-hero {
      position: relative;

    .collection-hero__text-wrapper {
      position: absolute;
      top: 0;
      z-index: 1;
      text-align: center;
Jovil | Developer @ Tiburon
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution