Change navigation elements on mobile-only view

Design help General
1

Hello! Fairly new to Webflow. My goal is to remove the CTA button from the navigation in the mobile view, and instead have it in the dropdown menu. I would only like this change to be reflected in mobile. I’ve read through other posts around making mobile-only changes, but I’m not sure it’s applicable as those changes were more around sizing/position, and not around removing entire elements. Is this possible?

P.s. the button in the navigation bar is the HTML embed element. You can see the button in the published site here: https://www.simplaworkflows.com/old-home

Here is my site Read-Only: https://preview.webflow.com/preview/simpla-workflows-live?utm_medium=preview_link&utm_source=designer&utm_content=simpla-workflows-live&preview=0fa073d74d9f032bff6f6aa6167c8f83&pageId=609a12f823ad9a6db7d7cb34&workflow=preview

2

Hi, you can show and hide elements by going to the Style panel and Display property in the layout section to None (last icon) or Block (first icon).

So, you might set an element that should show on small screens only to None for large screens, and then to Block for a breakpoint that applies to smaller screens. You might have two instances of your CTA and make each visible for a certain set of screen sizes and hide it for others.

3

Amazing - thank you! That was a lot easier than I thought :sweat_smile: