How to add a banner image for mobile

1. Log in to your Shopify store
2. Go to Settings, located at the bottom of the Admin panel located on the left side of the page

1. Click Files from the available links

1. Add new image file then copy the entire name of the file, in this example it would be “Mobile-Soap-Banner2_1.jpg”

1. Select Products from the Admin panel on the left hand side

1. Click on Collections that is listed under Products

1. Select the desired collection
2. After the desired collection page has been opened click on Poshify Utils from the Admin panel on the left side of page

1. On the page that is opened click Metafield Editor

1. Click Current Resource

1. Click Create new metafield
2. In the text box Namespace add “global”
3. In the Key text box add “mobile-header”
4. Add the name of the file that was uploaded to the Value text box, in this example it’s “Mobile-Soap-Banner2_1.jpg”.

1. Click Update then close the popup window and exit out of Poshify Utils
2. Verify that the mobile image was correctly added to the page.