WordPress.org
Get WordPress

Make WordPress Core

Opened 23 months ago

Last modified 23 months ago

#62590 new enhancement

"Live Preview" on mobile open customizer by default

Reported by: sukhendu2002 Owned by:
Priority: normal Milestone: Awaiting Review
Component: Themes Version: 6.7.1
Severity: minor Keywords: has-screenshots
Cc: Focuses:

Description

On mobile devices, when clicking the "Live Preview" button for an installed theme in the Themes section, the Customizer opens by default, showing the settings panel. To see the actual theme preview, users must manually click the "Preview" tab.

This adds an unnecessary step, making the experience less seamless for mobile users.

Proposed Solution:
On mobile devices, when clicking the "Live Preview" button:

  • The theme preview should open directly in the "Preview" tab.
  • Users can toggle back to the Customizer settings panel if needed.

This change would improve usability and match the expected behavior of previewing a theme.

Steps to Reproduce:

  • Open the WordPress Themes section on a mobile device or in a browser's mobile view.
  • Click the "Live Preview" button for any installed theme.
  • Observe that the Customizer settings panel opens by default, and you must manually switch to the "Preview" tab to see the theme preview.

Attachments (1)

live-preview-mobile.mov​ (2.4 MB ) - added by sukhendu2002 23 months ago.

Change History (3)

@sukhendu2002
23 months ago

#1 @ankitkumarshah
23 months ago

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

  • WordPress: 6.7.1
  • PHP: 8.1.29
  • Server: nginx/1.16.0
  • Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
  • Browser: Chrome 131.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty-Five 1.0
  • MU Plugins: None activated
  • Plugins: Test Reports 1.2.0

Actual Results

  1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

​https://utfs.io/f/TnWMEUzoUd85oPgVHhZqHwvtpInWJ3Fhe0rsNqZ1OXua5Yj4

#2 @im3dabasia1
23 months ago

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

  • WordPress: 6.8-alpha-59274-src
  • PHP: 8.2.25
  • Server: nginx/1.27.2
  • Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
  • Browser: Chrome 129.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty-Five 1.0
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results

  1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

​https://jumpshare.com/s/chRuOcKeGsL5tLVERGcV

Note: See TracTickets for help on using tickets.