Uploaded April 2026 | Updated September 2026, 1 week ago
Build a split-scroll layout in Wix Studio where hovering over one panel makes it expand while the other one shrinks. In this Studio Byte, learn how to set up a full-screen CSS grid, drop a flexbox slider into each cell, and fill both sides with content. Then, add Hover animations using Scale and Translate so each panel reacts independently as users move their cursors across the screen. The result is a bold, editorial layout that offers an interactive experience—without writing a single line of code.
—
Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com
Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio
About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.
Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1
Build a split-scroll layout in Wix Studio where hovering over one panel makes it expand while the other one shrinks. In this Studio Byte, learn how to set up a full-screen CSS grid, drop a flexbox slider into each cell, and fill both sides with content. Then, add Hover animations using Scale and Translate so each panel reacts independently as users move their cursors across the screen. The result is a bold, editorial layout that offers an interactive experience—without writing a single line of code.
—
Learn more about Wix Studio:
wix.com/studio
Get started with our Essentials course:
wix.to/gT8VY7c
Join the Wix Studio Community:
forum.wixstudio.com
Follow us on social media:
➔ Instagram: instagram.com/wixstudio
➔ X: twitter.com/wixstudio
➔ TikTok: tiktok.com/@wixstudio
➔ Facebook: facebook.com/WixStudio
➔ Discord: discord.com/invite/wixstudio
About Wix Studio:
Wix Studio is the website building platform for professional designers, developers, and marketers. With high-end design capabilities, streamlined workflows and robust business tools, it empowers freelancers and agencies to build, manage and scale exceptional websites with maximum efficiency.
Subscribe to our channel:
➔ youtube.com/@WixStudio?sub_confirmation=1
