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' );