Instruc
tions
faq
Q.

How Can I Edit a Heading, Paragraph, links, etc?

A.

1. Select the element to edit

2. Go to the Style Panel and on under Selector SELECT the All Tag.

3. Make your edits.

Q.

How to make a Layout Page a Home Page?

A.

This is useful in case you want to use any of the Layouts that comes in this template as your "main page" or "Home Page".

1. First, drag out the Layout you want from the "Layouts folder". See: https://cl.ly/cc0d1a7dc558

2. Go to the Pages Panel (left), click on the Settings (gear) Icon.

3. On top right click on the home icon.

4. Click on Make Home Page.

Done!

Q.

How to make the Navbar Dropdown show up?

A.

Chances are that you may want to make changes to the Navbar Dropdown, and you can do it, just follow these steps:

1. Go the Navigator and double click on the Navigation symbol.

2. Once open, select the element "Dropdown Bg", go to the Style Panel.

3. Remove the -394 pixels top margin.

4. The Dropdown will show up, make your changes.

Once done, don't forget to set again the -394 pixels top margin.

Q.

How to add page interactions to a new page?

A.

In order to have the interactions working in a new page, you will need to add 3 interactions to 3 elements: Preloader, Loading Logo and Content

Preloader

1. First add the Preloader symbol (you can find it in the left bar menu) to the top of your page. 

2.Double click on the Preloader symbol and once opened go to the Interactions Panel.

3.Go to the Interactions Panel and as Page Trigger select Page Load

4.Select: When Page Finishes Loading.

5.Finally select the Preloader interaction.

Loading Logo

1.Double the Preloader symbol, but this time select the Loading Logo that is inside the element.

2.Go to the Interactions Panel and as Page Trigger select Page Load.

3.Next, select When Page Starts Loading and choose Loading Gif. Don't forget to add Loop to this interaction.

Content

1. From the navigator select the Content element.

2.Go to the Interactions Panel and as Page Trigger select Page Load.

3.Next, select When Page Starts Loading and choose Delay.

Done!

recommendations

Use same size for your team/post/work Main Images.

We recommend to use the same size for all your blog/work main images, preferably in high quality.

Optimize your Images.

In order to achieve better loading time we recommend to optimize all your pictures using services like Tinypng.com

Update the Notifications email address

If you want to receive the messages from your contact form you need to update the Notification email address.

Use SVG icons

For a high quality visual experience for your user we recommend using svg icons. You can visit flaticon.es to find and customize svg icons.

template version

Current Version

1.2 Nav enter/leave effect was added to the Navbar

1.1 A hover state and text box was added in the about us page, Layout 1.

1.0 Initial template version