Responsiveness

To ensure a seamless user experience across various device sizes, the DaReactions plugin provides a responsive design for reaction buttons. On smaller displays, the buttons are typically hidden and accessed through a hamburger button to accommodate screen constraints. This approach is effective even with a large number of reaction buttons.

Customizing Responsiveness Settings

1. Navigate to Settings:
   • Go to Reactions > Graphic Settings in your WordPress dashboard to adjust how the reaction buttons are displayed.
2. Select a Display Template:
   • Exposed: All buttons are visible on larger screens, while on smaller screens, they are accessed via a hamburger toggle button.
   • Reveal: Only the most used reaction is initially visible. Other icons are revealed upon clicking.
   • Static: All reactions are always visible, regardless of the screen size.
3. Adjust for Mobile Devices:
   • If you require different settings for large and small screens, click on the Mobile tab at the top of the settings page.
   • Enable the option Create Different Settings for Mobile Devices to apply specific configurations for mobile responsiveness.

These options provide flexibility in how reactions are displayed, ensuring that they adapt to the device being used while maintaining user accessibility and engagement.