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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

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

Aem_Rockstar
Level 2
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
smacdonald2008
Level 10
Level 10

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

wenjiaoz9005797
Level 1
Level 1

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!

Arun_Patidar
Community Advisor
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

Gaurav-Behl
Community Advisor
Community Advisor

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.