Skip to main content

Hover Mode

Hover mode empowers you to edit attributes of Nectar blocks that take effect when the element is hovered over. This mode is unique because there's no cascade effect. The value is either set and active, or it isn't. When set, it will override all other viewports.

Unlike Responsive Mode, there is a limited number of block settings that can be edited in Hover Mode. These settings are mostly limited to colors, effects, and transforms. Similar to Responsive Mode, you can identify which settings can be modified in Hover Mode by locating any field with its label highlighted in green.

  1. Green means that the value is able to be set changed in the Hover mode.
  2. Purple means that the value is set within Hover mode.

Editing Values

When Hover mode is enabled, the editor will display the state of that block as if it were being hovered, in a frozen state. This makes it easy to see the effect as if the block were being hovered over by the cursor.

Resetting Values

Resetting any currently set hover value can be done by clicking the reset icon next to the attribute label: Responsive Reset Icon