Last updated: February 16, 2023
Yes, we do our best to ensure the Gleam experience is optimised across mobile devices.
The Competitions widget will remain responsive on mobile devices with a minimum width of 320px. When embedding the widget on your website, you have two choices for mobile users:
By default, the 'Enter Competition' button is disabled for all Competitions.
You can enable this feature in the Embedded Widget Code section, which will remove the
no-button class from your embed code:
The Competitions widget is fully responsive, which means it will automatically adjust to the container's width.
The Rewards widget is fully responsive, which means it will automatically adjust to the container's width.
This can happen if your responsive page has margins on either side of the widget.
For example, the widget is designed to fit perfectly into a 320px wide screen, but if you add 10px margin on either side, the widget can't reduce to 300px to accommodate.
Therefore you end up having part of the widget getting cut off due to the margin settings.
Our default Gleam hosted landing pages are fully optimised for mobile devices, this means that they will fill the width of the screen on mobiles & tablets.