All built-in sections & pages which can be added to your website throught Ueldo Predefined Sections popup already contains responsive design rules so you don’t need to do anything with it to display it correctly on mobile devices or smaller screens.
Also, all elements – built-in with WPBakery Page Builder (formerly: Visual Composer) and custom elements created exclusively for Ueldo theme – are automatically fit-in to screen sizes and are fully responsive.
Responsiveness for custom sections
If you want to create custom section instead of using built-in sections, then you can create almost anything you want with powerful elements and its configuration possibilities. However, you might need to define custom responsive rules to make sure that your custom section will be displayed correctly on all screens.
WPBakery Page Builder columns widths
You can control columns widths across multiple devices with WPBakery Page Builder (formerly Visual Composer) – this setting can be found in column param window under tab “Width & Responsiveness”. You can set column width and offset value for selected column for different devices separately, and/or hide column on selected screen size.
Custom spaces between elements
You can define unique space values between elements on different screens, with “Gap” elements (built exclusively for Ueldo WordPress theme). This allows you to set unique gap value for each screen sizes, like:
this will apply for devices with at least 1200px screen width
this will apply for devices with screen width between 992px and 1199px (for example: small laptop, or tablet turned horizontally)
this will apply for devices with screen width between 768px and 991px (for example: tablet turned vertically)
- extra small
this will apply for mobile devices, with screen width smaller than 767px