gppro_viewport_buttons

The live preview pane comes with 3 viewport options built in:

  • phone ( 320px )
  • tablet ( 768px )
  • desktop ( 1220px )

Viewport Buttons
Each of those items have a corresponding value in the plugin CSS and in the jQuery function to change the width of the content inside the preview. You can add, modify, or remove those buttons.

Add a new viewport to the list.

function my_new_viewport( $viewports ) {

	$viewports['new'] = array(
		'title'	=> __( 'Big Phones', 'your-text-domain' ),
		'icon'	=> 'icon-font-class',
		'class'	=> 'class-for-ajax'
	);

	return $viewports;

}
add_filter( 'gppro_viewport_buttons', 'my_new_viewport' );