Elementor Sidebar Header : [For Dashboards] - Flexbox + Section/Column - Version 2

This version is perfect for creating a beautiful and functional Elementor sidebar header for any type of dashboard, such as an Admin dashboard, Analytics dashboard, E-commerce dashboard, CRM dashboard, etc, regardless of the layout used, whether it's Flexbox or Section/Column layout. It includes separate templates for both layouts, making it easy to customize and use.

See demo

"Get 50% off now for a limited time, at only 10$ 4.99$. Hurry, this offer won't last forever!"

And don't worry, we've also created separate versions for multi-section landing page websites and multi-page websites.

Get the multi-section landing page website version (ESH-V1)

Get the multi-page website version (ESH-V3)

And if you want to buy all three versions together, you can get them for a limited time for $30 $9.99 only.

Features:

• Both the Elementor's default section/column and new flexbox layout's templates included.
• Fully customizable design options to match your brand's aesthetic.
• 100% responsive on all devices, including tablets and mobile.
• Advanced dark-mode switch for improved user experience in low-light environments.
• Toggle functionality to easily switch between menu states.
• Get 3 variations of each layout: details are described in the next section. Section/Column: ESH-DOTCMH-V2, ESH-DCTCMH-V2, and ESH-DOTOMH-V2. Flexbox: ESH-DOTCMH-FB-V2, ESH-DCTCMH-FB-V2, and ESH-DOTOMH-FB-V2
• Eye-catching hover animations to enhance user engagement.
• Easy to use and beginner-friendly, with a comprehensive step-by-step YouTube video tutorial for new users.

What you will get?

A zip file containing three variations of Elementor Sidebar Header-Version1 & a Read-me PDF.

• Variation-1: ESH-DOTCMH-SC-V2 (Section/Column) & ESH-DOTCMH-FB-V2 (Flexbox): By default, open on the desktop, closed on the tablet, and hidden on the Mobile.
• Variation-2: ESH-DCTCMH-SC-V2 (Section/Column) & ESH-DCTCMH-FB-V2 (Flexbox): By default, closed on the desktop, closed on the tablet, and hidden on the Mobile.
• Variation-3: ESH-DOTOMH-SC-V2 (Section/Column) & ESH-DOTOMH-FB-V2 (Flexbox): By default, open on the desktop, open on the tablet, and hidden on the mobile.

Requirements:

1. Elementor with pro license, Grab It​

How to install:

1. Download the zip file containing the sidebar header template and extract it to a location on your computer.
2. Log in to your WordPress dashboard and ensure that both the Elementor Pro and Elementor Free version plugins are installed.
3. Go to the Elementor settings and switch to the advanced tab. Enable the "unfiltered file uploads" setting.
4. In the same settings, switch to the features tab and activate the " Flexbox Container layout" feature (In case of Section/Column variations, skip this step).
5. Go to the "Templates" tab and click on the "Theme Builder" option.
6. Click on the Menu with the label "Header" and then click on "Add New" in the top right corner of the window.
7. In the pop-up window, click on the "My Templates" section and then click on the "Import Template" button.
8. Locate the folder where the zip file was extracted and select the variation of the JSON Elementor sidebar header template file whichever you need.
9. A new template named such as "ESH-DOTCMH-V1 or ESH-DCTCMH-V1 or ESH-DOTOMH-V1" will appear in the list, use the insert button to insert the template.
10. Once the template is inserted, customize the template and publish it.
11. Choose where you want the sidebar header to appear, for example, you can choose to show the header across the entire site.
12. Additionally, you can refer to our step-by-step tutorial on YouTube.

"All set! Your newly designed custom sidebar header is now live and ready to improve the user experience on your website."

Important Links:

1. Elementor Sidebar Header : [For Multi-Section Landing Page] - Version 1
2. Elementor Sidebar Header : [For Multi-Page Websites] - Version 3
3. Elementor Sidebar Header-Version1, 2, & 3 -Bundle