Request Free Quote
  • Site Guide

Your Step-by-Step Website Setup Guide

This guide walks you through everything you need to quickly set up and customize your website. From theme installation to advanced layout options. Follow the steps, and you’ll be ready in no time.

Note:

This kit requires Elementor Pro to enable features like the Theme Builder, Forms, and advanced widgets. You can find all the Pro features and download options on Elementor’s official product page, here.

(01) Install the Hello Elementor Theme

The kit is built to work best with the Hello Elementor theme. It’s a free, lightweight theme made specifically for Elementor, ensuring faster performance and smooth compatibility with all design features.

(02) Disable Theme Header and Footer

To fully use the custom header and footer included in this kit, you’ll need to disable the default ones from the Hello Elementor theme. If you’re using another theme instead of Hello, you’ll also need to remove its header and footer to avoid conflicts.

Go to WordPress Dashboard → Hello → Settings → Structure and Layout

(03) Set Up Global Colors

All colors in this kit are managed through Elementor’s global styles. You can easily update them to match your brand or preference.

Go to WordPress Dashboard → Elementor → Site Settings → Global Colors

(04) Set Up Global Fonts

Fonts are also managed using Elementor’s global settings. Change the typography styles here to keep a consistent look across your entire site.

Go to WordPress Dashboard → Elementor → Site Settings → Global Fonts

Open Canvas
Close Canvas

(05) Set Up Mobile Off Canvas Menu

This kit includes a ready-made off-canvas menu. After importing the header, go to your site header and connect the open and close icons with the off-canvas template. This ensures the toggle works smoothly for mobile and desktop navigation.

There are two toggles  (icon lists) you have to work with – one to open the off-canvas and another to close it. Refer to the two images.

Go to WordPress Dashboard → Elementor → Theme Builder → Header → Mobile Container

(06) Set Up Header Mega Menu

The kit includes a mega menu in its header. As you can change the content and layout of the mega menu by going in the item #5 of the menu element in our site header for desktop + tablet, as shown in the right side of the screenshot.

Go to Site Header → Desktop + Tablet Container → Menu → item #5