Display 4 items per row on the Wishlist Page

In order to display 4 items per row on the Wishlist Page, please follow the below steps:

  1. In the Shopify Admin, visit Apps => Smart Wishlist => Configure Appearance => Extra CSS
  2. Add the following CSS to the Box 2 of the Extra CSS tool.
@media (min-width:1024px){
	.col-md-4 {
	width: 23% !important;
	margin: 0 10px !important;
	}
}

NOTE: It is not recommended to have 4 items per columns on screens with width less than 1024px.

Leave a Reply

Your email address will not be published.