Frontend Pages → Mobile Responsiveness #

The Mobile Responsiveness settings allow administrators to customize how PrizeSuite frontend components behave on smaller screens such as smartphones and tablets.

These settings provide mobile-specific layout and typography adjustments to ensure giveaway pages remain easy to use and visually optimized for mobile visitors.

Mobile Responsiveness #

Enable Mobile Overrides (Phase 1) #

Activates mobile-specific styling rules for PrizeSuite frontend pages.

• Enabled – Mobile layout overrides are applied.
• Disabled – The standard desktop layout rules remain active on all devices.

When enabled, the plugin applies optimized layout and typography settings specifically designed for smaller screens.

Mobile Breakpoint (px) #

Defines the screen width where mobile layout rules will start applying.

For example, a value of 768px means that mobile styling will activate on devices with screen widths of 768 pixels or smaller.

Category Page (Mobile) #

Controls mobile-specific layout adjustments for giveaway category and listing pages.

These settings help ensure campaign cards and listings remain readable and properly spaced on small screens.

Typography Scale (Mobile) #

Allows administrators to adjust font sizes and typography scaling for mobile devices.

This helps maintain readability on smaller displays while preserving visual hierarchy between titles, subtitles, and supporting text.

Giveaway Product Page (Mobile) #

Controls mobile layout behavior for the giveaway product page.

These settings may include adjustments to spacing, layout stacking, and element sizing to improve usability during participation on mobile devices.

Sticky Mobile Footer Menu #

Enables a mobile-friendly sticky footer menu designed to keep important actions easily accessible while scrolling.

This menu can include quick access to key participation actions such as entering the giveaway or navigating important campaign sections.

My Account (Mobile) #

Provides mobile-specific layout adjustments for the WooCommerce My Account area when PrizeSuite features are active.

These settings ensure account navigation and user dashboards remain usable and easy to navigate on mobile devices.

Save Changes #

After modifying mobile layout settings, click Save Changes to apply the updated mobile responsiveness rules across the frontend.