How can I remove a dropdown menu option from the mobile version of my Navbar in Webflow without creating a separate Nav Menu?

Published on
September 22, 2023

To remove a dropdown menu option from the mobile version of your Navbar in Webflow without creating a separate Nav Menu, you can follow these steps:

  1. Open your project in Webflow and navigate to the page where the Navbar is located.
  2. Select the Navbar element by clicking on it.
  3. In the right-hand sidebar, click on the "Mobile" tab to switch to the mobile view of your Navbar.
  4. Scroll down to the "Navbar Menu" section and expand it by clicking on the arrow icon next to it.
  5. Click on the dropdown menu option that you want to remove from the mobile version of your Navbar.
  6. In the settings panel that appears on the right-hand side, locate the "Display" setting.
  7. Set the "Display" setting to "None" to hide the dropdown menu option on mobile devices.
  8. Repeat steps 5-7 for each dropdown menu option that you want to remove from the mobile version of your Navbar.
  9. Preview your website in the mobile view to ensure that the dropdown menu options are no longer visible.

By following these steps, you will be able to remove a dropdown menu option from the mobile version of your Navbar in Webflow without the need for creating a separate Nav Menu.

Additional Questions:

  1. How do I customize the appearance of the Navbar in Webflow?
  2. Can I add custom code to my Webflow project?
  3. How do I create a multi-level dropdown menu in Webflow?