Using the Hover Gallery

Bringing light-touch interactivity to a classic slideshow format

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Want to add multiple images to a section of your design, but feel uninspired by traditional slideshows? Hover Gallery is your dream alternative! Instead of endlessly clicking through slideshow arrows, hover over an image to animate it to full width.

Add Hover Gallery to your project

  • From the top menu bar, click Add Menu (Shortcut: M)

  • Search and select Hover Gallery

  • Click and drag the section to your canvas

Configuration Options

Double-click the element on your canvas to open the configuration options. From here, you can:

  • add/edit your images

  • add titles to your image

  • add/remove image cards for your gallery

Styling options

  • Text:

    • Set the title's size and font

Note: Any style change will affect all titles.

Best practice

To enjoy the full effect of a Hover Gallery section, add at least two and a maximum of seven images. The hover effect won't trigger on mobile devices if you include more than seven images.

Did this answer your question?