gppro_viewport_buttons

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

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

Each of those items has 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' );