REA OffCanvas
Display stunning sidebar menu using REA OffCanvas widget. Customize the direction, button style and content to be added to the sidebar.
Content
OffCanvas content
Open OffCanvas By Default - This setting is useful when you are styling the sidebar section so that you can see the changes dynamically.
Title - You can set the Title of the Sidebar.
Content Type - You can choose the content type for sidebar menu from the following options:
Sidebar - It allows you to choose the default WordPress sidebar to show in the sidebar.
Custom Content - You can set custom content to the sidebar by adding media, shortcode or changing the title or text content. (Selecting this option, displays a repeater for the sidebar)
Saved Section - You can choose from the saved section templates.
Saved Widget - You can choose from the saved widget templates. (Elementor Pro required)
Saved Page Template - You can choose from the saved page templates.
Toggle Button
Button Text - You can add the button text for the toggle button.
Button Icon - You can insert an icon with the toggle button.
Settings
Direction - You can set the direction of the sidebar menu to show either on the left or the right.
Content Transition - You can set the transition for the sidebar menu to show. (Slide, Reveal, Push, Slide Along)
Show Close Button - You can choose to show the close button on the sidebar.
Esc to Close - You can choose this Option to close the sidebar by pressing the ESC keyboard button.
Click Anywhere to Close - You can choose this Option to close the sidebar by clicking anywhere.
Style
OffCanvas Bar
Width - You can adjust the width of the sidebar menu.
Background Color - You can adjust the background color of the sidebar menu.
Image - You can choose the background image for the sidebar menu.
Border Type - You can select the border type, border width, border color for the sidebar.
Border Radius - You can select the border radius for the sidebar border.
Padding - You can adjust the padding for the sidebar menu.
Box Shadow - You can set the box shadow for the sidebar menu.
Offcanvas Title
Color - You can set the color for the OffCanvas title.
Typography - You can set the typography such as font size, font family, etc. for the OffCanvas title.
Toggle Button
Alignment - You can choose the alignment for the toggle button.
Size - You can set the size of the toggle button.
Icon Size - You can set the size of the icon of the toggle button.
Icon Space - You can adjust the spacing between the icon and text of the toggle button.
Background Color - You can set the background color of the toggle button.
Text Color - You can set the color of toggle button text.
Border Type - You can select the border type, border width, border color for the toggle button.
Border Radius - You can select the border radius for the toggle button border.
Padding - You can adjust the padding for the toggle button.
Box Shadow - You can set the box shadow for the toggle button.
Typography - You can set the typography such as font size, font family, etc. for the toggle button text.
Close Button
Button Icon - You can select the close button icon from the icons library.
Color - You can choose the color for the close button.
Size - You can set the size of the close button.
Overlay
Color - You can set the color of the overlay background.
Opacity - You can set the opacity of the overlay background.
Last updated