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