(888) 310-0589 x2
Item templates are used to define a layout for promoted content in your Evergage campaigns and simplify the way you promote Recipes on your website. Evergage Item Templates currently are not responsive by default; when you build one you must give it a definitive height and width. However, if your site is responsive, you can use custom CSS to make an item template behave responsibly when it is implemented in a campaign.
This article details the process for making your item templates responsive and discusses one method you can utilize.
|You must have a good working knowledge of CSS and an understanding of your site styles and responsive behavior.|
Build a Responsive Item Template
Building a responsive item template makes it possible to adjust the sizing and styling of specific parts of the item template used in a campaign.
Add a Responsive Item Template to an Item Block
Adjust Sizing and Styling
In the CSS source code editor you can now target the item block as a whole, or target specific parts of the item block, to adjust the sizing and styling to match the responsiveness of your site. Consider the following examples, each of which includes sample code for your reference:
Example 1: Set Item Block Width to 100%
Example 2: Use Media Queries
Example 3: Hide the Message Entirely