Off Canvas Block for WordPress
The Off Canvas block lets you design sleek, customizable sliding menus, sidebars, or panels, perfect for improving navigation and creating dynamic, space-saving layouts.
Off Canvas Block Frequently Asked Questions
The Off Canvas block allows you to create sliding panels or hidden content areas on your website. These panels can slide in from the side, top, or bottom of the screen and are perfect for menus, contact forms, or additional content that you want to display in a sleek and modern way.
This block requires the Unlimited Elements Pro version installed and activated on your WordPress website.
Go to the Unlimited Elements Blocks Library.
Search for “Off Canvas” in the search bar.
Hover over the block in the search results and click Install.
Add the “Off Canvas” block to any WordPress page.
The Off Canvas block is not free; it is included in the Unlimited Elements Pro version. Unlock this block and many other advanced features by upgrading to Pro. Upgrade Now
This block supports two types: Element ID and Content. Element ID allows you to load external elements, while the Content type lets you design and include specific content directly within the block. This flexibility helps in crafting unique sliding panels or hidden sections based on your website's needs.
Yes, this block allows you to customize its animation. You can choose from options like Fade In, Slide from Left, Right, Top, or Bottom. Additionally, you can adjust the animation transition time in milliseconds, ensuring a smooth and tailored effect that aligns with your website’s design and user experience preferences.
Absolutely! This block allows you to upload and use a custom close icon in SVG format, giving you the flexibility to match the design to your website’s branding. By adding a unique close icon, you can maintain a cohesive visual identity while providing an intuitive way for users to close the sliding panel.
You can fully customize the width and height of this block. This ensures that the panel fits perfectly within your website’s layout, whether it’s for displaying a menu, form, or additional content.
This block provides a wide range of styling options to enhance its appearance and align it with your website's design. You can customize the background, border, text color, and typography for the content inside the panel. Additionally, you can adjust the trigger link styling, overlay color and transparency, resize the panel’s width and height, and even style the close icon to suit your branding. These features ensure a seamless and visually appealing user experience.
Yes, this block is fully responsive and mobile-friendly. You can customize its dimensions, positioning, and animations to ensure it works seamlessly across all devices, providing a smooth user experience on desktops, tablets, and smartphones.
Using this block is simple. Drag the block into your page, customize the panel’s design and choose the content you want to display. You can also adjust its trigger, animation, and positioning for a seamless user experience.
