Welcome to Canvas

Create just what you need for your Perfect Website. Choose from a wide range of Elements & simply put them on our Canvas.

Beautifully Flexible

Looks beautiful & ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.

Great Performance

You'll be surprised to see the Final Results of your Creation & would crave for more.

/

Fanvas's Logo Changer feature lets you assign distinct logos for each header state — default, sticky, transparent, dark, and mobile — without writing a single line of custom code. Simply upload your image assets, reference them via the built-in CSS classes, and the template automatically swaps each logo at the appropriate scroll position or breakpoint. This flexibility makes it straightforward to maintain strong brand consistency while adapting your header's visual identity to match background colors or hero imagery. Whether your site uses a dark transparent header over a full-screen slider or a light sticky bar that appears on scroll, every state can carry a perfectly matched logo that reinforces your brand at first glance and throughout the browsing experience.

Consistent branding across every scroll state elevates trust and professionalism. The Canvas logo changer ensures every visitor sees the right logo at precisely the right moment.

Each logo variant is linked to a dedicated CSS class — logo-default, logo-sticky, logo-dark, and logo-mobile — so swapping your artwork is as simple as replacing the image source. You can use transparent PNGs for light backgrounds and a solid-color version for the sticky state, and Canvas handles every transition automatically with smooth, flicker-free rendering across all modern browsers and devices.

Setting up alternate logos in Canvas requires no additional plugins or custom scripts. Add your logo images to the designated folder, update the srcset and src attributes in the header markup, and assign the appropriate class. The template's built-in JavaScript manages visibility based on scroll depth and viewport width, ensuring a seamless experience for both desktop and mobile visitors throughout your entire site.