How to hide elements on some breakpoints without deleting the element completely

Design help General
1

In regards to responsive design, I noticed if I delete a button (for example) in a lowered tiered device like phone, then it also affects the change on the higher tiered devices like ‘laptop’. I thought responsiveness was suppose to be cascading downward only.

Is webflow’s responsive design only limited to “style” changes like color, size…etc? If so is there a way to present slightly different content elements in different devices using webflow?

In other words for example I would like my secondary navbar NOT to appear on all phone devices…etc.

Thank you

2

if you want to hide/show certain elements, depending on the viewport size, just use this handy feature in the settings tab:

244×647 33.5 KB

2 Likes
3

Awesome! Now what if I want to change the size of my columns based on viewport size?

4

Select a column element, go to it’s settings and you will see options for each media query.

5

I did that and I’m not seeing any available options under different devices? I only see options for ‘Desktop’.

6

You should see something like this:

236×559 26.6 KB

Currently we limit how customizable the columns are for mobile and down but we will be making it a lot more flexible in the future.