Responsive Elementor Addons
Search…
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
- 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.
Last modified 8mo ago