Expand my Community achievements bar.

Join us for the Community Q&A Coffee Break on May 2nd at 8 am PT with Adobe Journey Optimizer experts Robert Calangiu, Brent Kostak & Sandra Hausmann.
SOLVED

Facing Responsive issue while creating fragment

Avatar

Level 1

I have created a fragment. The right side should be image and the left side should be text, but in the mobile version, the image should come first, and the text should come next, not like the default behavior of the fragment. 

It would be great for me if you guys solved the issue.

 

 

chandanasa_0-1708523855358.png

 

Mobile version should be like above but it is coming like below.

 

chandanasa_1-1708524123989.png

 

 

Regards

Satya

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hello @chandanasa 

 

Duplicate the column and swap the text and image content.

 

Now you have 2 columns for each view.

 

You can then change the visibility for Mobile and Desktop devices.

 

It would look something like this:

Manoj_Kumar__0-1708562584880.png

 


     Manoj
     Find me on LinkedIn

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

Hello @chandanasa 

 

Duplicate the column and swap the text and image content.

 

Now you have 2 columns for each view.

 

You can then change the visibility for Mobile and Desktop devices.

 

It would look something like this:

Manoj_Kumar__0-1708562584880.png

 


     Manoj
     Find me on LinkedIn

Avatar

Level 1

Hi Manoj,

 

we have created the fragment as like above but when I apply this fragment to the email template, it is not working fine. it will be visible both in the desktop as well as mobile.

 

it is in the fragment.

chandanasa_0-1709202794167.png

 

after putting this fragment into the template.

chandanasa_1-1709202880908.png

 

Please help me for this.

 

Regards

Satya

 

 

 

 

Avatar

Community Advisor

Hello @chandanasa 

 

You will have to select the device visibility from the option given on right side.

Check my screenshot again it has that option enabled.


     Manoj
     Find me on LinkedIn