Theme Installation

To install this theme you must have a working version of WordPress. Make sure that your installed WordPress version is 4.7 (or higher).

If you need help by installation of WordPress, follow the instructions in WordPress Codex. Also here you can download the latest version of WordPress.

Downloading

Downloading

At first, after purchasing this theme please download the package from ThemeForest (to do this you must be logged in ThemeForest). Move your mouse over your ThemeForest login name in right top corner and then click Download. On the Downloads page you will find all the items that you have purchased. This theme will also be here.

In the next step click the Download All files & documentation button and save package on your computer.

Please unpack the entire package after downloading.

The Main Files includes the following files and folders:

  • Demo Content folder - contains demo data file
    • ammi-demo-data.xml - xml file with demo data
  • Documentation folder - contains this document
    • assets folder - contains files for documentation
    • documentation.html - documentation file
  • ammi.zip - Ammi theme (ZIP archive for installation)
  • Changelog.txt - changelog text file
  • Readme.txt - some information about folders and files in the package

Installation

You can install this theme in two different ways:

1. WordPress Theme Manager

1.1 Go to Themes Page

Themes Page

Step 1. Login to your WordPress admin page.

Step 2. Navigate to Appearance Themes.

Step 3. Press Add New button.

1.2 Upload Theme

Upload Theme

Step 4. Press Upload Theme button.

1.3 Upload Theme ZIP File

Upload Theme zip File

Step 5. Press Choose file button and select the theme zip file (ammi.zip).

Step 6. Then press Install Now button.

The installation process starts...

1.4 Activate Theme

Activate Theme

Step 7. After the installation is complete, click Activate the theme.

1.5 Required Plugin

Required Plugin

Step 8. The theme is now activated. You should now install and activate the required plugin by clicking on Begin installing plugin on top of the screen.

1.6 Plugin Installation

Plugin Installation

Step 9. Choose the Meta Box plugin and then choose Install from the dropdown menu. Press Apply button to continue the installation.

1.7 Installation Complete

Installation Complete

Step 10. After the installation is complete, click on Return to the Dashboard.

1.8 Reading Settings

Reading Settings

Step 11. Navigate to Settings Reading Front page displays and choose "Your latest posts" option.

Step 12. Press Save Changes button.

2. Installing by FTP

If you have any problems with installing the theme from the WordPress Dashboard (for example, you see this error: "The uploaded file exceeds the upload_max_filesize directive in php.ini"), then you need to install it via FTP.

For this you need to upload non-zipped theme folder called ammi to /wp-content/themes/ folder in your WordPress installation folder on your server.

Next, login to your WordPress admin page and activate the theme (Appearance Themes).

After the successful activation see Step 1.5 of this documentation.

How to Update Ammi

In this part of the guide describes how to update Ammi. Just follow these seven steps:

Step 1. At first, you need to download the latest package from ThemeForest.

Step 2. Unpack the entire package after downloading.

Step 3. Next, please unpack the archive with the theme: ammi.zip.

Step 4. After that you need to remove the ammi folder from your server (/wp-content/themes/ammi). For this you can use any FTP client, for example, FileZilla.

Step 5. Then you need to upload non-zipped ammi folder to /wp-content/themes/ folder in your WordPress installation folder on your server.

Step 6. Next, login to your WordPress admin page and install required plugins (if it is necessary). You will see a notification about this.

Step 7. Clear your browser's cache and update plugins cache (if you have caching plugins).

Remember, that all your data in the database are safe because after updating theme files does not change anything in the database. Please also always make a backup of your files before you overwrite them with the new.

If you have made changes in the files, then after updating all your changes will be lost.

Creating Blog Posts

To create a blog, first make sure that on the front page displays your latest posts. For this navigate to Settings Reading Front page displays and choose "Your latest posts" option. After that you can create new blog posts.

Adding new posts works similar to standard WordPress Posts Add New. All posts will be displayed on the front page.

With this theme you can use 10 post formats: standard, image, gallery, video, audio, aside, link, quote, status, and chat. Here's a quick overview of them:

Standard Post Format.

When writing or editing a post, Standard is used to designate that no Post Format is specified. However for this format you can add an image (Featured Image section). This image will be displayed at the top of your post and under its heading.

Image Post Format.

For this format you can also add an image (Featured Image section), and this image will be displayed at the top of your post and under its heading. Use this format if your post has a featured image.

Gallery Post Format.

The gallery format gives you additional settings for creating images gallery. These settings you can find in the bottom of the page (Gallery Format section). To create a gallery, press + Add Media button and then select or upload images. Recommendation: these images must have the same dimensions. You can also choose what to show on the post on the home page and all archive pages (Thumbnail type option).

Video Post Format.

You can also create a video post. When you select the Video format, in the bottom of the page you will see additional settings for this format (Video Format section). Here you can add a link (URL) to your video. The theme will then check the URL and display the video at the top of your post. If the video does not appear then you have used the wrong URL. Make sure the URL you take is directly from your browser navigation bar when viewing a video on YouTube, Vimeo, etc. You can also choose what to show on the post on the home page and all archive pages: Video player or Featured Image with a popup video player (Thumbnail type option).

Audio Post Format.

For the Audio format additional settings are also available. These settings you can find in the bottom of the page (Audio Format section). Here you can add a link (URL) on a song from SoundCloud service. The theme will then check the URL and display the audio at the top of your post. Make sure the URL you take is directly from your browser navigation bar when viewing a song on SoundCloud. Here you can also choose what to show on the post on the home page and all archive pages: Audio player or Featured Image with a popup audio player (Thumbnail type option).

Aside Post Format.

This format is suitable for brief snippets of text that aren’t quite whole blog posts, such as quick thoughts and anecdotes. You can also add an image for this post (Featured Image).

Link Post Format.

This is a post with a link to another site. Ammi theme will use the first <a href=""></a> tag in the post content as the external link for that post. You can also choose where you want to open this link: in a new tab or not (Link Format section, Link open in... (Target attribute) option).

Quote Post Format.

Quote highlights your blockquoted text in a bolder way than standard posts typically do. Use the following code for your quotations:

<blockquote>
  A quotation text
  ...
  ...
  <footer>
    <cite>
      <a href="#">Author</a>
    </cite>
  </footer>
</blockquote>

You can use this code in your WordPress text editor (Text tab). Note: If you'll see additional indents after creating a quote post, then use the code example above, but just make it one line:

<blockquote>A quotation text<footer><cite><a href="#">Author</a></cite></footer></blockquote>

Status Post Format.

Status format is suitable for a quick update about what you are doing right now (similar to a Twitter status update).

Chat Post Format.

Chat to highlight memorable conversations you have with friends. It looks like so:

John: foo
Mary: bar
John: foo 2
...

Below you can see the "Add New Post" page. Remember that additional settings sections are displayed only when the appropriate post format is selected (Gallery, Video, Audio, or Link).

Add New Post

You can also add pagination to a single post page. For this you need to use <!--nextpage--> quicktag. Just add it to your text editor where you want to start a new page.

Next page

On the live preview demonstration you can see popup images on single pages. You can also easily do the same with your images.

Step 1. At first, you need to add an image into the Post Editor. Press Add Media button on the top left of your Post Editor and select an image you want to add.

Step 2. Click on the image and then click the Edit icon.

Edit icon

Step 3. From the Link To drop-down menu select Media File.

Step 4. Next, click the ADVANCED OPTIONS link.

Step 5. Add the following class to the Link CSS Class field: bwp-popup-image

Step 6. Press Update button.

popup image

After completing these steps your image also can be opened in a popup window.

Creating Pages

Adding new pages works similar to standard WordPress Pages Add New.

At the bottom of the page you can find several additional options: Comments counter (Show/Hide), Social sharing buttons (Show/Hide), and Blog posts on the page (Show/Hide). All these options are available in the Page Settings section.

You can also add an image to your page (Featured Image section).

Creating pages

Creating Menus

The first step of creating our menu is to open the WordPress Menu Editor. For this go to Appearance Menus, type Name for your menu and press Create Menu button.

Create menu

Once you've created the menu, the your next step is to select the new menu as the "Main menu" (it is located in the main navigation container) or the "Footer menu" (it is located in the footer) in the "Display location" section.

Now you can add Pages, Posts, Custom Links and Categories from blocks located on the left.

At the end you need to save your new menu by clicking on Save Menu.

Save menu

Widgets

You can manage widgets on the Widgets page (Appearance Widgets).

Available widget areas:

  • Sidebar - It is located under the main navigation container in the left or right column
  • Hidden Sidebar - It is located in the hidden right container

This theme includes 5 new widgets but in total you have 20 different widgets to use.

New widgets:

  • Ammi: Posts List - The widget shows posts list with large thumbnails
  • Ammi: Random Posts - The widget shows a list of random posts
  • Ammi: Recent Posts - The widget shows a list of recent posts
  • Ammi: Slider With Posts - The widget shows a slider with posts
  • Ammi: Social Links - The widget shows links to social profiles

To get them, all you need to do is drag widgets available on the left side and drop into the right sidebars on the right side.

Widgets
New widgets

Theme Customization

Theme options powered by WordPress Customizer. To find them, Navigate to Appearance Customize.

Theme settings

1. Site Identity

  • Logo - here you can upload logo. For this option you need to select the Image logo type: Customize General Settings Main Navigation Container - Logo Logo Type: Image. Note: make sure that your installed WordPress version is 4.5 or higher, because logo upload option will only work with WordPress v4.5 (or higher).
  • Site Title - title for your site. It is displayed in the window / tab of your browser.
  • Tagline - tagline for your site. It is also displayed in the window / tab of your browser and under the logo in the main navigation container.
  • Logo Width, px - custom logo size.
  • Mobile Logo - here you can upload logo for mobile devices. For this option you need to select the Image logo type: Customize General Settings Mobile Logo Mobile Logo Type: Image.
  • Mobile Logo Width, px - mobile logo size.
  • Site Icon - upload your favicon image. Icon must be square, and at least 512 pixels wide and tall.
Site Identity

2. General Settings

Hidden Sidebar & Fixed Buttons

  • Show hidden sidebar - show/hide hidden sidebar (it is located on the right side of the page).
  • Show search icon and dropdown search form - show/hide search icon and dropdown search form (it is located on the right side of the page).
  • Show "Back to top" button - show/hide "Back to top" button.

Main Navigation Container

This container is located in the left or right sidebar. It includes logo, tagline, main menu, social links, and custom text.

Main Navigation Container - Logo

  • Logo Type - choose between Text and Image options.
  • Text for Logo (Logo Type: Text) - enter text for your logo.

Main Navigation Container - Social Links & RSS

  • Twitter URL - link to your Twitter profile.
  • Facebook URL - link to your Facebook profile.
  • Google+ URL - link to your Google+ profile.
  • Pinterest URL - link to your Pinterest profile.
  • VK URL - link to your VKontakte profile.
  • Flickr URL - link to your Flickr profile.
  • Instagram URL - link to your Instagram profile.
  • 500px URL - link to your 500px profile.
  • YouTube URL - link to your YouTube profile.
  • Vimeo URL - link to your Vimeo profile.
  • Soundcloud URL - link to your Soundcloud profile.
  • Dribbble URL - link to your Dribbble profile.
  • Behance URL - link to your Behance profile.
  • GitHub URL - link to your GitHub profile.
  • RSS URL - link to RSS feed.

Main Navigation Container - Custom Text

  • Custom Text - enter any text here. This text will be displayed at the bottom of the main navigation container. Allowed HTML Tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed Attributes: <a>: href, title, target, class; <span>: class; <i>: class.

Mobile Logo

  • Mobile Logo Type - choose between Text and Image options.
  • Text for Mobile Logo (Mobile Logo Type: Text) - enter text for your mobile logo.

Blog

  • Blog Layout - choose a blog layout (Blog with Left sidebar or Right sidebar).
  • Use Excerpt or "Read More tag" - select Read More tag if you want to use WordPress read more tag for creating excerpt for posts. Otherwise Excerpt will be created automatically.
  • Excerpt Length (Number of Words) - length for auto excerpt (default value: 30).
  • Increase all small featured images - enable this option if you want to scale small featured images.
  • Enable hover effects when you hover on featured images - enable this option if you want to show effects when you hover on images: animation, transparent dark background, and icon.
  • Show post format icon - show/hide post format icon.
  • Show categories - show/hide categories.
  • Show author - show/hide author.
  • Show date - show/hide date.
  • Show social sharing buttons - show/hide social sharing buttons.
  • Show comments counter - show/hide comments counter.
  • Show tags (single post page) - show/hide tags on the single post page.
  • Show post navigation (single post page) - show/hide post navigation on the single post page.
  • Show "About the author" block (single post page) - show/hide "About the author" section on the single post page.
  • Show related posts (by tags; single post page) - show/hide related posts section on the single post page.
General Settings

Copyright

  • Copyright Text - enter your copyright information (or other text). Allowed HTML Tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed Attributes: <a>: href, title, target, class; <span>: class; <i>: class.

Social links & Footer menu

  • Show Social links or Menu in the Footer - choose what to show in the footer: Social links or Footer menu.

Social Links & RSS

  • Twitter URL - link to your Twitter profile.
  • Facebook URL - link to your Facebook profile.
  • Google+ URL - link to your Google+ profile.
  • Pinterest URL - link to your Pinterest profile.
  • VK URL - link to your VKontakte profile.
  • Flickr URL - link to your Flickr profile.
  • Instagram URL - link to your Instagram profile.
  • 500px URL - link to your 500px profile.
  • YouTube URL - link to your YouTube profile.
  • Vimeo URL - link to your Vimeo profile.
  • Soundcloud URL - link to your Soundcloud profile.
  • Dribbble URL - link to your Dribbble profile.
  • Behance URL - link to your Behance profile.
  • GitHub URL - link to your GitHub profile.
  • RSS URL - link to RSS feed.
Footer

4. Font Family

  • Headings - this font will be used for all headings: h1, h2, h3, h4, h5, h6 (default value: Montserrat).
  • Content (Main Font) - this font will be used for all theme text except headings, metadata, quotes, logo, menu, tagline, and several text blocks (default value: Lato).
  • Content (Second Font) - this font will be used for metadata (date, author, categories, tags, counters), tagline, and for several text blocks (default value: Montserrat).
  • Quote (Blockquote Items) - this font will be used for blockquote item (<blockquote> tag; default value: Noto Serif).
  • Logo and Mobile Logo (Logo Type: Text) - this font will be used for your text logo (default value: Ubuntu).
  • Menu - this font will be used for your main menu (default value: Montserrat).
  • Character Sets - specify which subsets should be used. Multiple subsets must be separated with commas (,) and must be entered without spaces. Example: latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext (default value: latin).
Font Family

5. Font Size & Style

Content

  • Content (Main Font): Font Size, px - font size for all theme text except listed below (default value: 16).
  • Content (Second Font): Font Size, px - font size for metadata, tagline, and for several text blocks (default value: 13).
  • Quote (Blockquote Items): Font Size, px - font size for blockquote item (<blockquote> tag; default value: 20).

Header Text (or Introductory Text)

  • Custom Title: Font Size, px - font size for custom title (default value: 44).
  • Custom Title: Font Style - font style for custom title (default value: Bold).
  • Custom Text: Font Size, px - font size for custom text (default value: 20).
  • Custom Text: Font Style - font style for custom text (default value: Normal).
  • "Learn More" Button: Font Size, px - font size for "Learn More" button (default value: 16).
  • "Learn More" Button: Font Style - font style for "Learn More" button (default value: Bold).

Main Navigation Container - Logo

  • Logo: Font Size, px (Logo Type: Text) - font size for logo (default value: 40).
  • Logo: Font Style (Logo Type: Text) - font style for logo (default value: Bold).

Main Navigation Container - Menu

  • Menu: Font Size, px - font size for menu items (default value: 13).
  • Menu: Font Style - font style for menu items (default value: Bold).
  • Menu: Text Transform - text transform for menu items (default value: Uppercase).
  • Submenu: Font Size, px - font size for submenu items (default value: 12).
  • Submenu: Font Style - font style for submenu items (default value: Bold).
  • Submenu: Text Transform - text transform for submenu items (default value: Uppercase).

Mobile Logo

  • Mobile Logo: Font Size, px (Mobile Logo Type: Text) - font size for mobile logo (default value: 34).
  • Mobile Logo: Font Style (Mobile Logo Type: Text) - font style for mobile logo (default value: Bold).

Mobile Menu

  • Mobile Menu: Font Size, px - font size for menu items (default value: 13).
  • Mobile Menu: Font Style - font style for menu items (default value: Bold).
  • Mobile Menu: Text Transform - text transform for menu items (default value: Uppercase).

Blog Post

  • Blog Post: Title Font Size, px - font size for post title (default value: 29).
  • Blog Post: Title Font Style - font style for post title (default value: Bold).

Single Page

  • Comments: Title Font Size, px - font size for comments title (default value: 24).
  • Comments: Title Font Style - font style for comments title (default value: Bold).
  • Related Posts: Title Font Size, px - font size for these two phrases: "You might also like" and "Posts from our blog" (default value: 29).
  • Related Posts: Title Font Style - font style for the same phrases (default value: Bold).

Archive Page

  • Archive Page: Title Font Size, px - font size for page title (default value: 29).
  • Archive Page: Title Font Style - font style for page title (default value: Bold).

Sidebar & Widgets

  • Widget Title: Font Size, px - font size for widget title (default value: 15).
  • Widget Title: Font Style - font style for widget title (default value: Bold).
  • Widget Title: Text Transform - text transform for widget title (default value: Uppercase).
  • Widget: Post Title Font Size, px - font size for post title (default value: 15).
  • Widget: Post Title Font Style - font style for post title (default value: Bold).

Footer

  • Footer Text: Font Size, px - font size for footer text (default value: 14).
  • Footer Text: Font Style - font style for footer text (default value: Normal).
Font Size and Style

6. Colors

  • Background Color - select your background color.

Content

  • Content: Background Color - background color for all sections with content: blog posts, widgets titles, etc.
  • Text Color 1 - Headings - text color for all headings (h1, h2, h3, h4, h5, h6).
  • Text Color 2 - Content - text color for content.
  • Text Color 3 - Metadata - text color for metadata.
  • Text Color 4 - Additional Color For Content - additional color for content (post navigation links, author's nickname, etc).
  • Background Color For Several HTML Tags (code, kbd, pre) - background color for <code>, <kbd>, <pre> tags.
  • Line Color 1 - Small Lines - color for all small lines.
  • Line Color 2 - All Other Lines And Borders - color for all other lines and borders.
  • Widget: Text Color 1 - Content - text color for widget content.
  • Widget: Text Color 2 - Metadata And Icons - second color for widget content: metadata and icons.
  • Featured Media: Hover Background Color - hover background color for featured media (featured image / gallery images).
  • Featured Media: "Expand" Icon Color - color for "Expand" icon.

Text Logo

  • Logo Color - text color for logo (only if you are using a simple text logo).

Main Menu

  • Menu Link Color - link color for menu items.
  • Submenu Background Color - background color for submenu section.
  • Submenu Link Color - link color for submenu section.
  • Submenu Hover Link Color - link color for submenu section on hover.

Links & Buttons

  • Link Color - text color for links. Exceptions: all links that have their own color (for example: post title, read more link, etc).
  • Hover Link Color - hover color for all links. This color is also used for the current menu link (Main menu) and for the forms borders: comment form and all HTML forms.
  • Button: Background Color - background color for buttons.
  • Button: Text Color - text color for buttons.
  • Button: Hover Background Color - background color for buttons on hover. This color is also used for all elements with the same background color, for example: current page number, current date in calendar, etc.
  • Button: Hover Text Color - text color for buttons on hover.

Drop-Down Search Form

  • Search Form: Background Color - background color for search form.
  • Search Form: Line Color - color for bottom line.
  • Search Form: Text Color 1 - text color for "Enter your search query..." phrase and arrow icon.
  • Search Form: Text Color 2 - text color for search query.
  • Arrow Icon: Hover Color - hover color for arrow icon.

Header Text (or Introductory Text)

  • Header Text: Background Color - background color for introductory text section.
  • Header Text: Color 1 - Custom Title - color for custom title.
  • Header Text: Color 2 - Custom Text - color for custom text.
  • Custom Text: Link Color - link color.
  • Custom Text: Hover Link Color - hover link color.

Hidden Sidebar

  • Hidden Sidebar: Background Color - background color for hidden sidebar.
  • Hidden Sidebar: Background Color 2 - second background color for hidden sidebar. This color is used for "select" elements, tags, search form, etc.
  • Widget: Text Color 1 - Widget Title - text color for widget title.
  • Widget: Text Color 2 - Content - text color for widget content.
  • Widget: Text Color 3 - Metadata And Icons - text color for metadata and icons.
  • Widget: Hover Color - hover color for links.
  • Widget: Additional Hover Color - additional hover color for text. It is used for tags, buttons, etc.
  • Widget Thumbnails: Hover Background Color - hover background color for thumbnails.

Other Colors

  • Archive Page: Title Color - text color for page title.
  • Archive Page: Description Color - text color for page description: category description, tag description, etc.
  • Archive Page: Line Color - color for small line under page title.
  • Pagination: Link Color - color for pagination links.
Colors

7. Header Image

  • Current header - here you can upload an image for the header. You can also add some text for this image in the Header Text section: Customize Header Text. Note: Section with the header image will appear only on the front page of your website.
Header Image

8. Header Text

  • Custom Title - enter a title. Allowed HTML Tags: <span>, <strong>, <b>, <em>, <i>. Allowed Attributes: <span>: class; <i>: class.
  • Custom Text - enter a brief description of your website. Allowed HTML Tags: <a>, <span>, <strong>, <b>, <em>, <i>, <br>. Allowed Attributes: <a>: href, title, target, class; <span>: class; <i>: class.
  • Button: Text - text for button.
  • Button: URL - URL for button.
  • Button: Target - choose where to open your URL: in the current tab or in a new tab.
Header Text

9. Background Image

  • Background Image - upload image for background.
  • Preset - select one of the preset image positioning options: Default, Fill Screen, Fit to Screen, Repeat, or Custom.
  • Image Position - position for background image.
  • Image Size - select one of the image size options: Original, Fit to Screen, or Fill Screen.
  • Repeat Background Image - repeat background image or not.
  • Scroll with Page - scroll background image with page or not.
Background Image

10. Additional CSS

  • Here you can add your own CSS code. This setting is necessary if you want to change something on your site that is not available in theme options, for example: font size, font style, color, margin, or some other customization.
Custom CSS

Translation

To translate this theme, I recommend using the .mo and .po files. These files work in pairs, so for each language you need to have 2 files with the same name but a different extension. For example, if you want to translate the theme into Turkish language, your files would be tr_TR.mo and tr_TR.po.

At first, you need to create these files. For this you need to use Poedit software which is very easy to use. You can download it here. After installation Poedit software, you need to run it. Then, in Poedit go to File New from POT/PO file..., select and open the pot file from the "languages" folder (/languages/ammi.pot). After that you just need to select your language, add translation, and save your changes.

Now you have .mo and .po files with your translation, and all you need to do is upload these both files into the "languages" folder on your server (/wp-content/themes/ammi/languages/).

Importing Demo Data

In the theme main files, that you have downloaded from ThemeForest, you can find a folder labeled "Demo Content" which contains an export file. This file you can use to import the demo data to your site. To do this, you need to perform a few simple steps.

Step 1. Navigate to Tools Import.

Step 2. Now you need to install the WordPress Importer plugin. Click on the Install Now link.

Importing Demo Data - 1

Step 3. After the installation is complete, click on the Run Importer link.

Importing Demo Data - 2

Step 4. Next, press Choose file button and select the "ammi-demo-data.xml" file from the "Demo Content" folder (/Demo Content/ammi-demo-data.xml).

Step 5. Press Upload file and import button.

Importing Demo Data - 3

Step 6. After you will then be offered to Assign Authors. You can read the description at the top as this explains everything.

Step 7. Check the box "Download and import file attachments". This will download attachments for images included in the live preview demo.

Step 8. Press Submit button.

Importing Demo Data - 4

Now you need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.

Importing Demo Data - 5

Support and Feedback

All questions you can send via the contact form HERE.

I answer all questions every day from Monday to Friday from 8:00 to 18:00 (GMT+3) within 24-48h in the order they were received.

Please do not panic if I do not answer too long – I love my buyers and I’ll answer for all questions ;)

Support for my items includes:

  • Answering questions about how to use the item
  • Answering technical questions about the item (and included third party assets)
  • Help with defects in the item or included third party assets
  • Item updates to ensure ongoing compatibility and to resolve security vulnerabilities

Item support does not include:

  • Item customization
  • Installation of the item
  • Hosting, server environment, or software
  • Support for third party plugins
  • Plugins integration
  • WordPress General Support (use the WordPress forums for general WordPress support)
  • Support for issues caused by user modifications in the theme’s code, styling, and general functionality

Credits

Thanks so much:

  • Bootstrap - Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
  • jQuery Superfish Menu Plugin from Joel Birch - Superfish is a jQuery plugin that adds usability enhancements to multi-level drop-down menus. Fully supports touch devices and keyboard interaction.
  • OWL Carousel - Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
  • Magnific Popup - Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device.
  • html5shiv.js - This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
  • Respond.js - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).
  • Font Awesome - The iconic font and CSS toolkit.
  • Meta Box Plugin - Meta Boxes and Custom Fields Plugin For WordPress.
  • TGM Plugin Activation - TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins).
  • Blank WordPress Pot - Blank WordPress Pot allows developers to have a great starting point for their translations' pot files and translators an explanation how to use the file.
  • Google Fonts - Montserrat, Lato, Ubuntu, and Noto Serif.

Images in the demo:

Audio and Video: