<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Shared controls

Animations

Omni moves calmly and only where it helps: Sections fade up as they scroll into view, the hero heading slides in line by line, images reveal behind a color curtain, cards lift on hover, numbers count up and a soft light sweeps behind the hero. Everything uses one smooth curve, nothing bounces, and each entrance plays once.

On this page

Set the default for the whole site

Open Theme → Theme settings → Animations.

SettingWhat it does
Animations on by defaultTurns all animations on or off for every module set to «Use theme setting»
Default entrance animationNone, Fade in, Fade up or Zoom in
Entrance animation durationHow long an entrance takes, in milliseconds (1050 by default)
Reveal items one after anotherText, cards, steps and list items appear in a short sequence

Override a single module

Open the module and choose Styles → Animation.

SettingOptions
AnimationsUse theme setting, On or Off
Entrance animationUse theme setting, None, Fade in, Fade up or Zoom in
Reveal the heading line by lineHero banner only. Each line of the heading slides up in turn
Image animationHero banner and Text and media only. Curtain and parallax, Curtain, Parallax or None

What moves

AnimationWhere
Text in sequenceEyebrow, heading, lead text and buttons appear one after another
Staggered itemsCards, steps, statistics, questions and list rows
Heading line by lineHero banner
Image curtain and parallaxText and media, and the hero image
HoverCards lift, arrows slide to the right, card images and portraits zoom in a little
Count-upStatistics count up as their card appears
Opening and closingQuestions in the accordion open and close smoothly
PulseThe highlighted step in Process steps
Light sweep or soft glowAny module with Styles → Background → Light effect set
Sliding switcherThe active tab background in the Content switcher glides to the chosen tab
MenusDropdowns fade and slide in under the Site header, the mobile menu fades in with its items one after another, and the menu icon turns into a cross
Compact headerThe Site header becomes lower, slightly see-through and blurred after you scroll

What «Off» switches off

  • Entrance animations, line-by-line headings and image curtains. The content is simply there.
  • Hover movement, parallax, the pulse and the light effects. The light sweep disappears, and the soft glow stays in place.
  • Count-up numbers. The final number shows straight away.
  • Marquee scrolling. Logos show as a static row.
  • Autoplay and smooth scrolling in carousels, and the smooth opening of questions.
  • In the Site header: Dropdowns and the mobile menu open without movement, and the compact header switches without a transition.

Good to know

  • Visitors who have reduced motion switched on in their operating system never see animations, whatever the settings say.
  • The page editor shows every section without entrance animations, so you can always see and edit the content.
  • Sections already on screen animate in as the page appears; the others start when they scroll into view. Each entrance plays once.
  • The Site header has its own Styles → Animation switch for dropdowns, the mobile menu and the compact header.

Support

Did this answer your question?

If not, write to us and say which page you were on.