assetsforwordpress
MENU ASSETS

Interactive Slide Navigation on hover

This interactive effect uses Breakdance’s Slider feature to create navigation from external elements, where hovering over or clicking navigation items instantly displays the corresponding content slide.

Important : The Supa Code Block must be placed after the Slider (Gallery elements in these examples).

Slide navigation example #1

Elements used: Basic List element + Gallery element

Choose your style

Mega Menu example

With a vertical slider and a horizontal slider
In mobile view, the galleries are hidden because they serve no practical purpose and occupy unnecessary space.

Slide navigation example #2

This carousel features a vertical slider. Note that, for it to function properly, the slider must have a fixed height or aspect ratio. Examine the Custom CSS applied to the gallery to view the relevant styles.

Choose your style

Slide navigation example #3

With two gallery elements, one as a Slider, one as a regular gallery in Grid mode.