How do I add elements so they display ONLY in the Mobile portrait breakpoint?

Hi there,

Now that the Conditional Visibility options have been removed from Webflow, I’ve encountered a problem that I would appreciate some help with:

If you visit the Contact Us page on my site at the Mobile Portrait breakpoint, you’ll see a large phone icon with a phone number below, and under it a giant mail icon with an email address below that. I would like it to appear exactly like this on the Mobile breakpoint only. However, these elements I’ve added are now messing with the layouts in the other breakpoints.

If I go to, for example, the tablet breakpoint, and I try to set those extra elements to Diplay: None, they are removed from ALL “lower” breakpoints, thus ruining what I’m trying to achieve.

Please help? Many thanks again…

Cal K.


Here is my site Read-Only: Webflow - Somerset View Guest House
(how to share your site Read-Only link)