The Responsive Options Novice Novice tutorials require no prior knowledge of any specific web programming language.
This theme comes with a couple of options that let you control the responsive behavior of your website on different resolutions and devices (desktops, tablets & smartphones).
The responsive options were added to every section, column, and shortcode and can be accessed by clicking the Settings button in the options pop-up:
By using the responsive options you can:
- Turn off sections, columns, and shortcodes - lets you choose if a section, column or shortcode is displayed on desktops, tablets or smartphones.
- Change the responsive display for a column (tablet portrait only) - lets you force a column to be a certain width (1/2, 2/3, 1/1, etc) on tablet portrait only.
- Overwrite the additional spacing for a column (tablets and smartphones) - use this option to overwrite the additional spacing option for tablets and smartphones.
Before continuing it's mandatory to understand the resolution ranges we've set up for the different responsive devices: Desktop (devices with the resolution higher than 1200px), Tablet Landscape (resolutions between 992px - 1199px), Tablet Portrait (resolutions between 768px - 991px), and Smartphones (resolutions up to 767px).