• FAQ
  • Is Gleam Optimised for Mobile Devices?

Is Gleam Optimised for Mobile Devices?

Last updated: September 23, 2023

Yes, we do our best to ensure the Gleam experience is optimised across mobile devices.

Embedded Widget

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:

  • Show the embedded widget on your page as you would on a desktop
  • Show a button that takes mobile users to Gleam's mobile-optimised hosted landing page:

Take Users to Mobile Landing Page

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:

Embedded Widget Code settings on Gleam Competitions

How Do I Change The Competition Widget's Width?

The Competitions widget is fully responsive, which means it will automatically adjust to the container's width.

How Do I Change The Reward Widget's Width?

The Rewards widget is fully responsive, which means it will automatically adjust to the container's width.

What if the Widget Sticks Out of the Screen?

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.

Mobile-Optimised Hosted Landing Pages

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.

Gleam campaign landing page viewed on a mobile device

Was This Article Helpful?

Thanks for letting us know!

Ready to Grow Your Business?

Sign Up for Free