To disable the hover effect when the state is on current in Webflow, follow these steps:
1. Select the element that has the hover effect you want to disable.
2. In the right-hand sidebar panel, navigate to the Element Settings tab (the gear icon).
3. Scroll down to the States section and click on the "Hover" state.
4. You will see the hover styles applied to the element.
5. To disable the hover effect, simply remove or modify the styles that you want to disable.
- For example, if you have a hover effect that changes the background color, you can delete that specific style rule or set it to the same color as the default state.
- If you have a hover effect that adds a border or changes the font color, you can remove or modify those styles as well.
6. Preview your website to ensure that the hover effect is no longer present when the state is on current.
Remember, by removing or modifying the styles in the hover state, you will effectively disable the hover effect for that specific element when it is in the current state.