Elementor Sidebar Header-Version 1, 2, & 3 - Flexbox + Section/Column - Bundle
Our Elementor sidebar header bundle includes three versions of each layout(Elementor's default section/column and new Flexbox layout) (V1 for multi-section landing pages, V2 for dashboards, and V3 for multi-page websites), ideal for creating a beautiful and functional Elementor sidebar header for any type of website such as a multi-section landing page, a dashboard, and multi-page website, regardless of the layout used, whether it's Flexbox or Section/Column layout.
And the best part? Instead of purchasing each version separately at 10$ 4.99$, you can get all three versions at a discounted price of just 30$ 9.99$!
See v1 demo .......... See v2 demo .......... See v3 demo
Don't miss out on this limited-time offer, Hurry, this offer won't last forever!
And don't worry, if you only need one of the Elementor sidebar headers, you can still purchase them individually using the below links.
Get the dashboard website version (ESH-V1)
Get the dashboard website version (ESH-V2)
Get the dashboard website version (ESH-V3)
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 combined 18 variations of each version: Flexbox and section/column layouts, details are described in the next section.
- Auto highlight feature for easy navigation as you scroll through sections of your website.
- 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?
You will get a zip file containing three variations of Elementor Sidebar Header- Flexbox Version ➊, ➋, ➌ as well as three variations of Elementor Sidebar Header- Section/Column Version ➊, ➋, ➌ (Below Listed ➌ versions and a total of 18 variations) & a Read-me PDF.⮯
➊-⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯
For Multi-Section Landing Page [ESH-V1]":
⚡ Variation-1: ESH-DOTCMH-V1 (Section/Column) & ESH-DOTCMH-FB-V1 (Flexbox): By default, open on the desktop, closed on the tablet, and hidden on the Mobile.
⚡ Variation-2: ESH-DCTCMH-V1 (Section/Column) & ESH-DCTCMH-FB-V1 (Flexbox): By default, closed on the desktop, closed on the tablet, and hidden on the Mobile..
⚡ Variation-3: ESH-DOTOMH-V1 (Section/Column) & ESH-DOTOMH-FB-V1 (Flexbox): By default, open on the desktop, open on the tablet, and hidden on the mobile.
➋-⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯
For Dashboard [ESH-V2]":
⚡ Variation-1: ESH-DOTCMH-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-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-V2 (Section/Column) & ESH-DOTOMH-FB-V2 (Flexbox): By default, open on the desktop, open on the tablet, and hidden on the mobile.
➌-⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯⮯
For Multi-page Websites [ESH-V3]":
⚡ Variation-1: ESH-DOTCMH-V3 (Section/Column) & ESH-DOTCMH-FB-V3 (Flexbox): By default, open on the desktop, closed on the tablet, and hidden on the Mobile.
⚡ Variation-2: ESH-DCTCMH-V3 (Section/Column) & ESH-DCTCMH-FB-V3 (Flexbox): By default, closed on the desktop, closed on the tablet, and hidden on the Mobile.
⚡ Variation-3: ESH-DOTOMH-V3 (Section/Column) & ESH-DOTOMH-FB-V3 (Flexbox): By default, open on the desktop, open on the tablet, and hidden on the mobile.
Requirements:
- Elementor with pro license, Grab It
How to install
- Download the zip file containing the sidebar header template and extract it to a location on your computer.
- Log in to your WordPress dashboard and ensure that both the Elementor Pro and Elementor Free version plugins are installed.
- Go to the Elementor settings and switch to the advanced tab. Enable the "unfiltered file uploads" setting.
- 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).
- Go to the "Templates" tab and click on the "Theme Builder" option.
- Click on the Menu with the label "Header" and then click on "Add New" in the top right corner of the window.
- In the pop-up window, click on the "My Templates" section and then click on the "Import Template" button.
- Locate the folder where the zip file was extracted and select the JSON Elementor sidebar header template file.
- A new template named "Elementor Sidebar Header version 1" will appear in the list, use the insert button to insert the template.
- Once the template is inserted, customize the template and publish it.
- Choose where you want the sidebar header to appear, for example, you can choose to show the header across the entire site.
- 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:
You'll get two versions of ready-made Elementor pro Sidebar Header template ideal for creating a beautiful and functional Elementor sidebar header for any type of page, perfect for creating any type of home page, such as a landing page or shop page, as well as any type of dashboard, like an analytics dashboard or e-commerce dashboard.