Responsive PRO - Documentation

# Responsive PRO

## Great way to create your site responsive.

### Installation

- +

  #### Import Sample Data

  In /Sample Data/ folder, you can find there are:

  - devices.xml – Main Data

  To import sample data, Please follow these steps:

  - Step 1: Make sure you have installed Responsive PRO plugin
  - Step 2. In your WordPress Admin area, look down the left-hand column for “Tools > Import” and then click on WordPress
  - Step 3: If it is not yet installed before, you have to install it. On the popup window, click on “Install Now“
  - Step 4: After installed successfully, click on Activate Plugin & Run Importer
  - Step 5: Browse for [path-to-your-downloaded-package]/Installation File/Sample Data/devices.xml and click Upload File and Import.
  - Step 6: After uploading, the confirmation page appears. Check the Download and import file attachments option and click Submit. If you have trouble with importing (it might breaks in the middle due to long execution time), try again with this option Unchecked! Or, try to import separate files as they are smaller.
  - Step 7: After uploading, the confirmation page appears. Check the Download and import file attachments option and click Submit
  - Step 8: When you see a message “All done. Have fun!”, you will know that the import is done. NOTE: you may need to re-import the second time if the data is large. Back to Step 1.

### How to use?

- +

  #### Plugin Settings

  In your WordPress Admin area, look down the left-hand column for “Responsive PRO > Settings”

- +

  #### Manage Devices

  In your WordPress Admin area, look down the left-hand column for “Responsive PRO > All Devices”

- +

  #### Add Device

  In your WordPress Admin area, look down the left-hand column for “Responsive PRO > Add Device”

- +

  #### Responsive for elements

  You can edit any post or page and when you edit shortcode you can click to tab Responsive PRO

  2 ways to use responsive settings for any elements:

  - Use responsive option for all shortcodes and just edit them
  - Use "Responsive PRO" shortcode and drag & drop any elements into it