The Position & Animation section allows you to control how and where your widget or countdown timer appears on the screen, as well as the animations applied during its appearance. Here’s a breakdown of its features:
. Mobile Display Options
- Show in Mobile:
- This checkbox enables or disables the display of the widget on mobile devices. When checked, the widget will appear for mobile users.
- Animation Style in Mobile:
- Choose the animation effect for how the widget appears on mobile devices. Common options include:
- Fade: A smooth fade-in effect.
- Slide: Slides into view from a direction (e.g., top, bottom).
- None: No animation; the widget appears instantly.
- Choose the animation effect for how the widget appears on mobile devices. Common options include:
- Display Position in Mobile:
- Defines where the widget appears on the mobile screen:
- Bottom: Displays at the bottom of the screen.
- Top: Displays at the top of the screen.
- Center: Displays in the center of the screen.
- Choose the position based on your widget’s purpose (e.g., notifications at the bottom, pop-ups at the center).
- Defines where the widget appears on the mobile screen:
- Push the Page Down:
- If enabled, the widget will push the page content downward instead of overlapping it. This is ideal for non-intrusive notifications or banners.
2. Desktop Display Options
- Show in Desktop:
- This checkbox enables or disables the display of the widget on desktop devices. When checked, the widget will appear for desktop users.
- Animation Style in Desktop:
- Choose the animation effect for how the widget appears on desktop screens. Common options include:
- Fade: A smooth fade-in effect.
- Slide: Slides into view from a direction (e.g., top, bottom).
- None: No animation; the widget appears instantly.
- Choose the animation effect for how the widget appears on desktop screens. Common options include:
- Display Position in Desktop:
- Defines where the widget appears on the desktop screen:
- Top: Displays at the top of the screen.
- Bottom: Displays at the bottom of the screen.
- Center: Displays in the center of the screen.
- Choose the position based on visibility and user experience.
- Defines where the widget appears on the desktop screen:
- Push the Page Down:
- If enabled, the widget will push the page content downward rather than overlapping it. This ensures the widget integrates seamlessly into the page layout.