Link block button disappears at Tablet Breakpoint

Hello Webflow Community,

On my Home Page, I have two big rectangular buttons that for some reason disappear at the Tablet breakpoint, and I can’t figure out why:

  1. The Studio (the orange one in the upper right) is visible at Desktop only.
  2. Tracker (third row right side) is visible at Desktop only.

I am confused - they are set to Block at the Tablet breakpoint (not Display: None).

Thank you for any tips!

Michael


Here is my public share link:

Hi Michael,

To fix elements not displaying correctly across breakpoints, here’s what you need to check:

The Display setting might show “Block” at the tablet breakpoint, but other visibility settings could be overriding this. To properly control visibility:

  1. Select the breakpoint you want to modify using the device selector at the top of the Designer
  2. Click on the element with display issues
  3. Check the Display settings in the Style panel for that specific class
  4. If needed, create a combo class (like “hidden”) and set it to display: none for breakpoints where you want the element hidden

You can learn more about managing responsive designs in our guide to styling across breakpoints.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Thanks, Webflow AI! Visibility was the solve.