Mobile breakpoint edits are reflected in desktop breakpoint

[hellobricks]

Bricks v2.0.2

I want to:

• Hide images on the desktop breakpoint
• Show images on the mobile breakpoint

What I do:

1. Desktop breakpoint: Add images
2. Mobile breakpoint: Right-click images in structure pane and choose to hide them.

Result:

• The images are hidden on both desktop and mobile breakpoints.

Expected result:

• Images hidden on desktop, but visible on mobile.

Question:

• Can anyone please give me any pointers as to why I’m not getting the expected result?

[Ferry]

The hide function on the structure menu is not related to breakpoints and will hide the thing for everything.

I’m not quite sure how to use elements for mobile or desktop only and try to avoid it by design it to work on both.

The only way i have figured out to do so is by using a condition related to something mobile or not mobile like OS.

I’m sure there should be a better way and i hope someone tells us!

[timmse]

The correct way is to use display: none to hide and display: block/flex/grid… to show elements depending on the breakpoint.

Is there a better way to hide container on mobile

I’m working on a layout in Bricks and I want a specific container to be hidden on mobile devices. Right now the straightforward option seems to be setting it to display:none at the mobile breakpoint, but I’m wondering: Is that still the recommended way in Bricks? Or is there a cleaner / more “native” method (e.g. through conditions, responsive settings, or another built-in feature) that avoids just relying on CSS display:none? Curious how others are handling this—thanks!