Collections: Remove title

Remove the Collection Title

To completely remove the title/heading on collection pages, you can use this modification.

Example after:

Mobile:

Code to use:

/* -- code to remove collection title -- */
.collection-title h1, #FeaturedImage-collection h1, .template-collection h1.title--flex { 
	display: none;
 }
/* - end - */

To remove the title and collection banner images on all collection pages, you can use this code instead:

/* -- code start hide collection title and collection banner -- */
.template-collection .wrapper.collection-title, .template-collection .homepage-image, .template-collection .wrapper .hr--small {display:none;}
.template-collection .collection {padding-top: 0px;}
.template-collection .form-horizontal {margin-top:10px;}
@include at-query($max, $medium) {
    .template-collection .collection {padding-top: 10px;}
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code

Still need help? Contact Us Contact Us