How can I center the collection title over the collections image in Envy theme?

Store Design
1

Hello,

My site redesign is not yet live so I am unable to provide a URL but I hope someone can help me out. My theme (Envy by WeTheme) allows me to display my collection title on my collections pages but it appears below my collections banner. How can I edit the code below so that the “collection.title” appears as a centered text overlay over the “collection.image” instead? Thank you in advance!

{% if section.settings.collection_image_enable %}
	

	{% if collection.image %}
		
			{% render 'responsive-image' with collection.image, alt: collection.image.alt %}
		

	{% endif %}
{% endif %}

  {%- assign limit = section.settings.grid | times: section.settings.rows -%}
  {% paginate collection.products by limit %}

  

    

      

        {% if collection.handle == 'all' %}
            ## {{ 'products.general.products_title' | t }}
        {% else %}
            ## {{ collection.title }}
        {% endif %}

.

1 Like
2

@hsakag

sorry for that issue but how can i guide with our check url possible to share preview url

3

Thank you for your response! Not sure if you’ll be able to see this as my
site is not yet live but here is the preview URL:
https://ingredients-ldn.myshopify.com/admin/themes/120223629361/editor?previewPath=%2Fcollections%2Fkitchen