FROM CACHE - en_header

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

Damerrano77
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 - https://damerrano.com/collections/all-products 

 

Thanks

Reply 1 (1)
jovilh
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

<style>
  @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;
    }
  }
</style>
Jovil | Developer @ Tiburon
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution