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

[rakeshv29668579]

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.

[arunpatidar · Accepted solution]

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.

[rakeshv29668579]

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.

[arunpatidar]

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