Instructions

Key details for optimal template use.

Smooth Scroll (Pre-Installed)

To achieve the high-end, editorial feel of Visia, this template comes pre-configured with a refined smooth scrolling experience powered by Lenis. This enhances the weight and fluidity of transitions across the entire site.

Where to find it:

The integration is handled through custom code, which is already installed and active in your Site Settings → Custom Code → Footer Code.

<!-- Smooth scroll -->
<link rel="stylesheet" href="https://unpkg.com/lenis@1.2.3/dist/lenis.css">
<script src="https://unpkg.com/lenis@1.2.3/dist/lenis.min.js"></script>
<script>
let lenis = new Lenis({
  duration: 2.5, // Controls scroll smoothness (higher = smoother, lower = faster)
});
function raf(time) {
  lenis.raf(time);
  requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>

Adjusting scroll smoothness

The scrolling behavior can be easily fine-tuned to match your brand's pacing by changing the duration parameter inside the custom code snippet.

duration: 2.5,

• Higher values → smoother, more gradual scrolling
• Lower values → faster, more responsive scrolling

How to disable it:

If you prefer to restore the browser’s default, native scrolling behavior, simply delete the Lenis script snippet from your Site Settings and republish the site.