Mobile breakpoint edits are reflected in desktop breakpoint

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?

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!

1 Like