Go to “Appearance > Menus” and create a new custom menu
Add new link from “links” tab.
Here you need to add section id in “URL” field.
Please check id for all section, you can use them
Home = #header
Ribbon = #ribbon
Services = #multifeature
About us = #about
Bottom Ribbon = #bottom-ribbon
Team = #team
Woocommerce = #woocommerce
Testimonial = #testimonials
Brand = #brand
Portfolio = #portfolio
Skill = #skill
Fact Counter = #counter
Instagram = #instagram
News = #news
Price = #price
NewsLetter = #newsletter
Contact = #contact
Now select “Front Menu” as a Theme Location for your Section Menus
If you want to create menu that only shows on internal pages not on home page then create a custom menu and select them as a “Main Menu” as a Theme locations from Menu Settings.
Section Ordering
For Section Settings like Section On/Off and Section Ordering. Go to Appearance > Customize > Section Setting > Section Ordering.
Section Ordering – Here You can change the Order your section by just dragging & dropping the section ( Exchanging their Positions )
Section On/Off
For Section Settings like Section On/Off and Section Ordering. Go to Appearance > Customize > Section Setting > Section On/Off.
Section On/Off – Here You can On or Off your section by just checking the box.
General Setting
To add site information like site title, tagline, logo and site icon go to “Appearance > Customize > General setting“.
You can display either site title / tagline or Logo image.
Upload your logo and site icon by clicking “Select Image” button.
Theme Option
To add theme options go to “Appearance > Customize > Theme options”. In theme options you get multiple options to change the whole styling of your site.
Global setting
This setting allows you to disable fixed header, animation effect and site loader on your site. You can hide back to top button.
Site color
Go to “Appearance > Customize > Theme options > Site Color”.
In this setting you can give color to every element present on your site.
Header Setting
Go to “Appearance > Customize > Theme options > Header Setting”.
In header setting you can add header as fixed or normal. If you set your header as a fixed header while scrolling the site your header will scroll along with it and if you set normal, your header will stick on the top of your site or do not scroll.
You also can set the header layout and if you want transparent header just check the box (this will be applied for front page template only). You can show your last added menu as a custom menu button. You can set the background color and also give color to each element.
Page Layout Setting
Go to “Appearance > Customize > Theme options > Page Layout Setting”.
This setting allows you to set the page layout in all the templates of your site.
Footer text & social icon
Go to “Appearance > Customize > Theme options > Footer Text & Social Icon”.
You can put any Footer text or other details in it. You can add seven different social icons in your theme. Also put the links for respective icons to show it to the footer of page.
Header image for pages- You can set header image for your all internal pages.
Advanced Typography
For adding typography go to “Appearance > Customize > Typography”. Here multiple font families are available.
You can add typography in every title present on your site.
In typography select the font subsets, Body font, anchor text and heading h1 to h6. Change the Font size, Line height and letter spacing.
Add typography in Menus too.
Background Setting
To add background image , background video and background slider for your website open your dashboard.
Go to “Appearance > Customize > Background Option“.
To activate video background as a site background. Check “Video Background Active” option. And to activate image as a site background check “Image Background Active” option. You can select anyone at a time.
To upload video click “Select File” button and also you can upload an image as a video replacement. This image will appear while the video is loading.
Whenever you select video than also you can choose video thumbnail image.
To add slider background on your site choose “background slider”option and upload images . Maximum six slider image can be added and you can manage slider speed also.
Main header Section
To add header go to “Appearance > Customize > Header section”. Here you can add three column in your site with font awesome icon, title, description with color to each element.
In heading option you can add heading, sub-heading, button style and color to each element.
You can Pick color for Icon, Title, Description, Background and Background hover color in each icon.
In Lead form setting will allow you to add contact form. You can select whether you want to show contact form in header or three feature column. In lead form setting you can give color to each element.
Ribbon Section
To add Ribbon, go to “Appearance > Customize > Ribbon section”
Two ribbon sections are given. Here you can change section background color or set color overlay transparency by decreasing or increasing the transparency, button color, button hover color, Title, button text and button link Respectively.
Service section
Go to “Appearance > Customize > Service section”
To add main heading and its sub-heading go to “Heading and Sub Heading” option put your content respectively. You can add background color or set color overlay by decreasing or increasing the transparency.
This section is fully widgetize with multiple styling option to each element.
To add feature column, choose multi feature column widget by clicking on add widget button.
About us Section
In this section you can add about us title, description and image upload. Go to “Appearance > Customize > About us section”
Select your about us image by clicking on “Select Image” button.
You can also change background color or set color overlay by decreasing or increasing the transparency and text color clicking on select color option
Team Section
To add team section and its main-heading and sub-heading ,just Go to “Appearance > Customize > team section”
To add main heading and its sub-heading go to “Heading & Subheading” option put your content respectively. You can also select “Team Color Option” to change section background color or set color overlay by decreasing or increasing the transparency.
Choose Team widget by clicking on add widget button.
Than after you can add member name, member images, designation, description and social icon respectively
You can add social icon to use font awesome icons (https://fortawesome.github.io/Font-Awesome/icons/).Just add icon name(like : fa-camera-retro for camera icon)
Recent Post
To show Recent post at home page go to “Appearance > Customize > Recent post section” and give its heading and sub-heading.
To select feature post category and number of post slides can be shown.
Testimonial Section
Go to “Appearance > Customize > Testimonial section”
In settings you can put heading, sub heading and give them desired color. You can also add background color or section overlay color by decreasing or increasing the transparency .
Choose testimonial widget by clicking on add widget button. Here you can add unlimited testimonial widget with author image, description, title and link
Price Section
Go to “Appearance > Customize > our Price section”
To add main heading and its sub-heading go to “Heading and Subheading” option put your content respectively.You can add background color or overlay color by decreasing or increasing the transparency and color to other elements too.
To add pricing table Go to “Home page Price widget” option and choose Price widget by clicking on add widget button.
WooCommerce Section
In Woo-Commerce section you can add section heading and sub-heading. You can also put shortcode for your product from “Appearance > Customize > Woo-Commerce Settings”. You can also change the color of Heading and sub-heading.
You can set the background color or overlay section color by decreasing or increasing the transparency.
In Shortcodes Text area add below shortcodes respectively –
To Show Featured Products – [featured_products]
To Show Sale Products -[sale_products]
To Show Best Selling Products – [best_selling_products]
To Show Recent Products – [recent_products]
To know how to create Shop page, Cart page, Checkout page & My account page with their shortcodes. Go to this doc
Portfolio Section
To add portfolio go to the Dashboard > Portfolio Gallery > Add New. Set your portfolio with featured image. The Featured images which you will upload in each portfolio will display at the home page.
Now navigate to Customize > Portfolio section. Just put the number of portfolio images you want to show and category too.
You can set the background color or set overlay color by decreasing or increasing the transparency. You can also give color to each element.
Brand Section
To add Brand section, go to Appearance > Customize > Brand Section.
Number of Brand to Show – Here you can set the no. of brands you want to showcase in your site.
Autoplay On/Off – You can On/Off the Autoplay of Brand slider.
Slider Speed – Here set the slider speed in Milliseconds.
Brand Background Color – Pick desired color for your Brand section Background.
You can display Brands by suing Brand Widget. For this Navigate to Add brand Widget > Add a widget > Choose Featured Brand widget.
Now Upload Brand image, Add Brand Name and Link.
You can add Unlimited Brands in your site.
Skill Section
In skill section you add background color or set the color overlay color by increasing or decreasing the transparency.
Add skill widget, here you can add skill title and the percentage you want to show. You can also set the bar and title color.
Custom Section
To add custom section, Go to Appearance > Customize > First Custom Section & Second Custom Section.
There are Two Custom sections in our theme. First custom section and Second custom section.
You can unlimited new sections in your site by using custom section widget.
You can add Section Id, Heading, Sub Heading, Background option and color option Respectively. You can add any thing in custom text area field or any shortcode you can add in it.
Fact counter Section
To add Fact Counter Section, Go to Appearance > Customize > Fact Counter Section.
In fact counter section setting you can add heading and color. You can also set the background color or set overlay color by increasing or decreasing the transparency.
Select the fact counter widget, here you can add title, icon, set the minimum and maximum value with the delay speed (in seconds). You can give color to each element too.
News letter Section
To add News Letter Section, Go to Appearance > Customize > News letter section.
In news letter section , first download the lead form generator plugin after that create a contact form and add the shortcode.
You can add background color or overlay color by increasing or decreasing the transparency and give color to each element.
Instagram Section
Go to Dashboard > Plugin > Add new > Instagram Feed .
1. Navigate to Configure
2. Click on the button Log in and get your access token from here with User ID. (You have to login in your Instagram account for getting the token and User Id)
3. After login the Access Token and user Id will automatically appeared in the text area.
4. Put this User Id and save your changes.
5. You can customize the Instagram section, multiple customization options are there in the customize panel of plugin.
Now navigate to Appearance > Customize panel > Instagram section.
For displaying the feed copy and paste the [instagram-feed].
You can add title, description, button text, Username, the number of post you want to show. You can also set the color to all elements
You can add background color or overlay color by increasing or decreasing the transparency.
Contact Us Section
To add background image of contact form, Heading and Sub-Heading please go to “Appearance > Customize > Contact Form Settings”
To add contact form, install our plugin Lead From Builder. Contact form will be visible when you activate this plugin. After that you can edit existing form or create new one from the plugin settings.
Footer Setting
To set up your site footer, go to Appearance > Customizer > Widgets > here you’ll see first, second, third and fourth Footer widget area.
Choose desired widgets from the widget panel and design your footer.
Additional CSS Section
To add additional CSS go to “Appearance > Customize > Additional CSS and simply put your CSS here.
Thanks for reading our documentation, still you need any help related to theme you can contact our support forum.