How can I change the invisible blue "current" on my mobile menu in Webflow?

Published on
September 22, 2023

To change the invisible blue "current" state on your mobile menu in Webflow, you can follow these steps:

  1. Open your Webflow project and navigate to the project dashboard.
  2. Select the specific page in the left panel where you want to change the "current" state for the mobile menu.
  3. Click on the mobile menu element on the canvas to select it.
  4. In the right panel, go to the "Settings" tab.
  5. Scroll down to the "States" section and click on the "+" icon to add a new state.
  6. Name the new state as "Current" or any other suitable name.
  7. Customize the styling for the "current" state by changing the background color, text color, or any other property you desire.
  8. To apply the changes only when the current page is active, click on the element and select the "Current" state from the state dropdown located at the top of the canvas.
  9. Make the necessary adjustments to the mobile menu's appearance while in the "current" state.
  10. Preview the changes by clicking on the "Preview" button at the top right of the designer.
  11. If you are satisfied with the changes, click on the "Publish" button to make the changes live on your website.

By following these steps, you can modify the invisible blue "current" state on your mobile menu in Webflow to match your desired design.

Additional Questions:

  1. How do I create a custom dropdown menu in Webflow?
  2. Can I add animations to elements in Webflow?
  3. Is it possible to export a Webflow website and host it on my own server?