Branded Theme Documentation

This theme has two menus. 'Primary menu' is the main navigation used on the homepage. 'Secondary menu' is at the bottom of the menu slide-out (terms & privacy items in demo menu).

1. Go to Appearance > Menus
2. Add Menu Name
3. Click Create Menu
4. Then select it from Manage Locations
5. Save
6. Select the pages that you want in the menus
7. Add to Menu
8. Re-arrange them
9. Save menu

In order to setup the menu to sroll to a section on the same page you will need to select the 'options' tab from the top right corner of the menu screen. Make sure to check the 'classes' option.

Now you can create a new link. Enter your anchor link for example '#services'. Then in the classes field enter 'scroll-btn' (*see left image). That's all there is to it. You will see later in the 'page-builder' section how to enter the anchor tags throughout your page.

In the 'Secondary Menu' (subpage menu) you can enter full links like this 'http://yoursite.com/#services to link directly to sections on your homepage.

Homepage

1. Create a new page using the homepage template (If you imported the demo content, you can skip this step)
2. Go to 'appearance/customize' and select the 'Static Front Page' tab. Set the 'Front page'.

Blog Page

1. Create a new page using the default template and enter your title/subtitle. Leave the rest of the page blank.
2. Go to 'appearance/customize' and select the 'Static Front Page' tab. Set the 'Posts page'.

This theme features advanced customization features with live preview. Click on 'appearance/customize' to open the customizer.

Colors

The highlight color of the theme can be set.

Logos

You can upload a header logo & a logo to be used in the footer section of the site.

Header Image

Set a sitewide custom header image. The header image is shown on pages using the 'default' template

Note: - You can overide the header image on individual pages.

Social

You can enter any social links in this section you would like to appear in the footer.

Branded features two sidebars areas. One in the footer and a sidebar on the blog page.

Under Appearance/Widgetsand drag and drop the desired widgets into the sidebar.

The Branded theme support several post formats. You can select 'gallery', 'quote', 'audio', 'video' or standard post format from the raio list on the right.

When you click the desired post format the post entry fields will change.

Gallery Format

This format adds an image slider to your post.

Audio Format

You can enter a path to an audio clip.

Quote Format

This format shows a large quote before your post.

Video Format

Adds video above your post. Simply enter the video link. oEmbed does the rest.

Standard Format

This is a regular post. You can anter a 'featured image' to display above the post.

Homepage Template

The 'Homepage' template creates a blank page. It can be filled in with any page-builder elements.

Note: - This can be used for any page where you need a blank template.

Default Template

The 'default' template creates a page with a title and subtitle section above the content. All page builder elements will begin below the title section. This template is ideal for subpages and the blog page.

Okay, here is where things get interesting. This theme includes simple page sections which allow you to quickly layout pages.

When you create a new page you will notice the 'layout' section. Simply click on the 'add row' button from the bottum right to pull up the sections menu. Simply select the section you would like to add.

Below are some of the page-builder sections as shown in the demo.

Note: - You can drag and drop 'rows' to re-order them.

Click on the 'Portfolio' section from the WordPress admin menu. Click 'add new' to create a new portfolio item.

Now we're ready to add your first portfolio item. Give a title/subtitle to your newly added item and upload a 'featured image' image. You can now add any 'page-builder' sections

To add a contact page 'popup' (triggered by the contact button shortcode *see shortcode section) click the 'Contact Popup' menu item in WordPress admin. Click 'add new' to create the contact page.

Enter an address on the map line or leave it blank if you wish to not display a map.

You can select a contact form from the dropdown. It will show any available contact forms you have created under the 'Contact' menu item in WordPress admin.

You can then add 'meta' info with icons. This can include address, phone etc.