You can spice up and enrich your website with this amazing feature, which is built-in with Ueldo WordPress theme. Row & Section layers can be added multiple times, get any positions, be cutted off for row or section only or overflow outside parent container.
How to add it?
Both Row and Section layers are the same element (called “Row layer”) developed for WPBakery Page Builder (formerly: Visual Composer) and should be added inside row. If you want to add Section layer, then it doesn’t matter which row you’ll use as a container of this element – Section layer will be automatically added to whole section.
If you want to add Row layer only, then it will be added to row which contains it.
You can also set custom opacity value for selected layer, and define if it should be displayed always or on hover only, or hide on hover.
How to set if layer should apply to Row or Section?
Open “Row layer” element settings and find “Layer for row or section?” selection list. You can choose between “Row” or “Section” option there; save changes and update your page to apply the selection.
You can set unique width, height and position settings for each responsive levels:
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
You can also hide layer on selected screen sizes, for example if you don’t want it to be visible on mobile devices.
What can be used as layer?
You can use different elements as your Row or Section layer, like:
- parallax image,
- YouTube video,
How to move layer to left or right website border?
If you want your layer to adheres to the left or right end of you website, then you have to set your row or section to be displayed as “full-width”.