Skip to main content

Rentiva v4.49.0 — Mobile breakpoint standardisation: 768px → 782px

· One min read
MaxHandMade
MaxHandMade
Maintainer

All admin React CSS breakpoints standardised at 782 px — the correct breakpoint that accounts for WordPress's admin sidebar width offset on mobile devices.

What Changed​

Why 782 px?​

WordPress adds ~291 px to window.innerWidth from the admin sidebar on mobile. The previously used 768 px breakpoint fired too early — the sidebar was still visible, causing layout collisions at common mobile widths (375 px, 390 px, 414 px).

782 px matches WordPress's own admin breakpoint defined in wp-admin.css, ensuring consistent collapse behaviour across all admin pages.

Pages Updated​

  • Dashboard widget rows now collapse to single column at ≤ 782 px
  • Messages table stacked layout: 768 px → 782 px
  • Reports date filter vertical stack: 768 px → 782 px
  • Shared KPI stats grid: 768 px → 782 px (2-column), 480 px → 480 px (1-column, unchanged)

Bundle​

This release also bundles v4.47.0 (fatal error fix) and v4.48.0 (mobile CSS fixes) for operators updating from v4.46.0 or earlier.