Articles in this section

See more

How can I automatically resize my Hero Images for Rich Messages to adapt to the display size of the device they are being rendered on?

Avatar
Stephen Pierce
Updated Print PDF

Your business will need to contact Punchh support or your Customer Success Manager in order to implement the below CSS.

In order to automatically resize your Hero Images for Rich Messages you will need to include and remove the following sections of code in your CSS:

You will need to replace this section CSS:

{
		"key": "hero_content",
		"type": "image"
	}


With THIS: 

{
            "key": "hero_content",
            "type": "image",
            "resizeMode": "cover"
    }