Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!

Show/Hide component option for responsive grid layout in AEM 6.3 sp2

Avatar

Level 2

There are two components component A and component B. I am trying to hide component A in medium breakpoint but allow the component in large breakpoint. It works fine. I am trying to hide component B in large breakpoint but allow in medium breakpoint. It is not working this way. If we hide it in large breakpoint it hides everywhere. PLease let me know is this the behaviour or a config that i have to enable.

5 Replies

Avatar

Level 10

For reference - so community can try and reproduce - please point to the AEM docs you are following for this use case.

Avatar

Level 2

Hi, we are having the same issue, trying to hide some component in desktop view only, but when we hide it in desktop layout, it's hidden in all breakpoints.

Any instructions on how to hide it in desktop breakpoint only?

Thanks!

Avatar

Community Advisor

You need to show those components in small screen

1. Click on Parents button

1836888_pastedImage_0.png

2. Click on Restore All or show if hidden in the small screen.

1836889_pastedImage_1.png



Arun Patidar

Avatar

Level 10

How are components A & B related to each other?  Are they siblings or parent-child?  Do you observe this in author or publish?

Did you write "code/media queries" to show component B in "medium" breakpoint?

Please share the screenshots/video/gif and media queries code for same.