WordPress.org
Get WordPress

Make WordPress Core

Opened 7 weeks ago

Last modified 7 weeks ago

#62590 new enhancement

"Live Preview" on mobile open customizer by default

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

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 7 weeks ago.

Change History (3)

@sukhendu2002
7 weeks ago

#1 @ankitkumarshah
7 weeks 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
7 weeks 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.