Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Adobe Target problem: Banner is not responsive

yoooom
Level 1
Level 1

I am creating an experience in which the second-time visitors can see their interested-product on the first slide of carousel banner.

 

The original carousel banner was created with Adobe AEM. To add a new slide to the carousel banner, I inserted AEM-duplicated HTML code to Adobe target, however when previewed, the new slide is not responsive (only showed the desktop size) while the original slides created with AEM are responsive.

 

The reason I didn't create the additional slide in AEM because there is no hide slide function in AEM. So if anyone has an idea how to make the image responsive, Please let me know!

 

1 Accepted Solution
Eric_Vidana
Correct answer by
Level 8
Level 8

When you say responsive, are you referring to the styling of the banner (css) or a grouping of images that are different sizes? If it is the css route, you can write your own rules:

 

https://www.w3schools.com/howto/howto_css_image_responsive.asp

View solution in original post

3 Replies
Eric_Vidana
Correct answer by
Level 8
Level 8

When you say responsive, are you referring to the styling of the banner (css) or a grouping of images that are different sizes? If it is the css route, you can write your own rules:

 

https://www.w3schools.com/howto/howto_css_image_responsive.asp

View solution in original post

yoooom
Level 1
Level 1
Thanks, Eric. I will try that. Hope it won't conflict with the CSS from AEM.
TanviAgarwal89
Level 4
Level 4

Hi @yoooom 

 

Are you using "srcset" attribute for images to be responsive on the website within AEM?

 

If yes, unfortunately Target by default, does not support this attribute currently .

 

However you can try to modify the HTML of the page with all the image sizes. Hope that helps!