Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

AEM 6.4 Layout mode - Resizing component not working other than desktop

Avatar

Level 2

I am using AEM 6.4 version. When I visit a page in layout mode, I am able to resize the components for desktop, tablet and mobile. But the resizing is not getting reflected in authoring page for tablet and mobile alone. Table and mobile always reflect the desktop components sizes.

 

However the resizing are reflected for tablet and mobile, if the page is viewed in published mode.

 

There are no errors in LESS compilation. Can anyone suggest what is missing. I dont see JavaScript errors either and the same app is working fine in another environment.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

It should work,

There might be some CSS rule which would be overridden. Try to do inspect element to check applied CSS rules(media queries).

 

I tried with existing maven project, seems it works.

 

layout-mode.gif

 



Arun Patidar

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

It should work,

There might be some CSS rule which would be overridden. Try to do inspect element to check applied CSS rules(media queries).

 

I tried with existing maven project, seems it works.

 

layout-mode.gif

 



Arun Patidar

Avatar

Level 2
No media queries CSS specifically added and the changes we do are reflecting if the page is "Viewed as Published". It isnt reflecting in author layout mode alone.

Avatar

Community Advisor
The changes may not be reflecting because of layout/editor queries rules overlapping.


Arun Patidar