To remove the green color that appears when selecting a section in the navigation bar for mobile on Webflow, you can follow these steps:
1. Identify the element: First, you need to identify the element that is responsible for the green color when selected. In this case, it's likely the link or link block within the navigation bar.
2. Open the Navigator: Navigate to the page where your navigation bar is located and open the Navigator panel on the left-hand side of the Webflow Designer.
3. Select the element: Find the element that represents the navigation link or link block in question. It may be nested within other elements such as a Navbar or a Navbar container. Click on the element in the Navigator to select it.
4. Open the Styles panel: With the element selected, open the Styles panel on the right-hand side of the Webflow Designer.
5. Check for a hover state: Look for a hover state in the Styles panel. It may be denoted by a hover icon (a finger pointing to the element). Click on the hover icon to reveal the hover styles.
6. Adjust the hover styles: Within the hover state, you may find a property that modifies the background color, border color, or any effect that causes the green color to appear when the element is selected. Modify or remove this property to achieve the desired result. If there are no hover styles, proceed to the next step.
7. Check for a selected state: If you don't find any hover styles, look for a selected state within the Styles panel. Some navigation elements have a specific style that applies when they are selected. Click on the selected state to reveal the selected styles.
8. Adjust the selected styles: Just like with the hover state, modify or remove any properties that contribute to the green color for the selected state.
9. Preview and test: After making the necessary adjustments, preview your site and test the navigation bar on a mobile device to ensure that the green color no longer appears when selecting a section.
If you're still having trouble, it can be helpful to inspect the element using the browser's developer tools to identify any additional styles that may be affecting the appearance of the selected state.