How to Configure and Style Off-Canvas Content #
Sastra Addons Off-Canvas Content lets you display your content, sidebar or template as a beautiful side-menu when a button is triggered.
How to Activate Off-Canvas Content #
To use this Sastra Addons element, find the ‘Off-Canvas Content‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Off-Canvas Content’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are done with Step 1, this is the default layout you are going to see.
After you click on the ‘Click Here’ button, this is how your Offcanvas is going to be displayed:
How to Configure the Content Settings #
Under the ‘Content’ tab, you will find the ‘Content’ section.
Content #
If you want, you can modify your custom content items by selecting template or changing the title or text content. Display header title or not with toggle, change header position, entrance animation.
You can also change button title display or not with toggle button and set icon as your preference, alignment and many more.
Click to see Live Demo #
How to Style Off-Canvas Content #
Switch to the ‘Style’ tab to style all the features of Off-Canvas Content.
Button #
From the ‘Button’ section, you can add your preferred ‘Color’, ‘Border color’, ‘Shadow’ and ‘Backgroung color’ for the button with normal and hover options. Besides, you can control the padding, svg size and typography. If you want, you can even add border-radius as well.
Header #
From this ‘Header’ tab, You can easily add Styling to the ‘Spacing’, ‘Close Button’ and ‘Title’ section as per your preference.
Container #
From the ‘Container’ section, You can easily add Styling to the ‘Background color’, ‘Border color’ and ‘Shadow’ for the container. You can also Styling to the Scrollbar, Overlay, Spacing and Border style as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Off-Canvas Content in however you want.
Getting stuck? Feel to Contact Our Support for further assistance.
