Section Overlap Images
Give your layouts a more layered look with section overlaps that create smooth transitions and reflect the character of the selected style.
In YOOtheme Pro, you can visually transition one section into the next to add depth and flow to your layouts. Simply enable a section overlap directly in the page builder with just a click.
By default, YOOtheme Pro uses rounded borders to create the look of overlapping sections. You can adjust the border radius globally in the Style Customizer, so the effect stays consistent across your site.
Some styles use dedicated SVG images for section overlaps. Depending on the selected style, this can be a subtle bend, a waveform, rough edges or a more decorative transition that reinforces the character of the style.
Section overlaps are typically used to connect hero areas with the content below or to create a smoother transition before the footer. They make page layouts feel more layered and refined without writing custom CSS.
