Mazaya - Responsive WordPress Theme

by Fawaniss

Mazaya Theme

Thank you for purchasing Mazaya Theme . Please read this document and explore the item comments and FAQ items for further information and help.

For questions on basic WordPress installation/usage, HTML, JavaScript or CSS editing - please try the ThemeForest forums, W3Schools, the Wordpress Codex or Google as theme errors/issues get top priority.

how to get started with WordPress

In this tutorial we'll show you, how to install a Mazaya theme in your WordPress installation.


If any of these requirements are missing, you might need to contact your webhost and ask them to install or enable the needed extensions.

Installing Mazaya from the WordPress Dashboard

After That go to Appearance » Themes and click on Activate to activate the newly installed theme.
Next you will see a new menu item with a small Red icon and the theme name. Use the submenu items Theme Options and Widget Options to manage the theme settings.

This tutorial shows you how to set up the main menu correctly in your mazaya theme.

Set up the Vertical Main Menu
  1. After installation of the theme click on Appearance » Menus in the administration menu on the left.Click on the small plus sign to create a new menu, give it a name and click on Save
  2. You can now assign articles or pages to the menu as explained in the WordPress Menu Tutorial.
  3. Before the menu works properly in your theme, you have to assign it to the main navigation of the theme. To do so, just select your main menu in the box Theme Locations on the left and click on Save.


Video Tutorials


If you'd like to display icons for drop down menu items, just navigate to the desired level 2 menu item of your Main Menu Appearance » Menus » Your Menu.


Click on the little arrow to expand the menu item settings and type in the path to the icon file in the field Image. Using the relative path to the directory /wp-content/uploads.


A subtitle can be added to a menu item by simply placing your subtitle text behind two "|" (pipe) characters. Navigate to Appearance » Menus and select your menu in the tabs on the top. Then, create a new menu item or edit an old one. Place two "|" (pipe) characters behind the title's caption and enter a text for the subtitle.

This tutorial shows you how to set up widgets in your Mazaya theme.


Widget Options

Widgets can be displayed in different styles with additional icons and badges.  In general you can say that all widgets can have a style, an icon and a badge.

To apply these variations to a widget, go to the Widget Options of Mazaya theme in the WordPress administration. After choosing a widget simply select the style, the icon and the badge in the dropdown boxes and click on Save.


Common Options

A subtitle can be added to a widget title by simply placing your subtitle text behind two "|" (pipe) characters. Navigate to Appearance » Widgets and add the subtitle text behind two "|" characters in the title field of the widget of your choice on the right.

In the WordPress administration, go to Appearance » Widgets. Create a widget and drag & drop it to the position menu on the right If you want displayed in the vertical menu, or in toolbar-l  If you want displayed in the Top menu.

Set the width of the widget in the menu

You can set the width of the widget in the menu by add this code to costum css in mazaya theme admin panel

#menu .mod-dropdown .dropdown { width: 300px; }

The default width is 300px, but you can change it to your needs.

Please follow these below steps to Setup the Social icons in this templates :

This theme is a responsive layout with many columns and variations. The template is based on Warp Framework witch is very powerfull and has many variations of layouts.


Widget Positions

A profile is a custom set of theme settings which can define the style, content and layout of your site. The default profile defines the default settings for the entire website. You can create new profiles and assign them to any menu item. This allows you to load different theme settings on different pages.

New profiles inherit all settings from the default profile, so you just need to apply the settings you want to change. One example where we use the profiles are the different theme variations we deliver with each theme. Also special module layout behavior is done using profiles.

The Default Profile

n the general theme settings you find a parameter called Default Profile. Here you choose the profile which will be loaded on all your pages. By default it is set to the profile called default. Each theme has a default profile and it can not be deleted. If you want to load another newly created profile as default for all your pages you can select it here.

Profiles can also be loaded in the frontend of your website by adding a parameter to an URL. For example index.php?profile=myprofile. We use this feature for example to load the different theme variations by clicking on a link on the website. But if you don't need this it should be disabled. This can be done by setting Dynamic Profiles to No, right below the Default Profile parameter.

New profiles can be created in the profile theme settings by clicking on Add and entering a name for your new profile.

Below you can see all settings you can control and override with your new profile. By default all values are inherited by the default profile.

To add new values or to select different options than the default ones, you first need to activate the override with the checkbox on the left. If you later decide, that you don't want to override one of the default values any longer, simply uncheck the box.Manually created profiles can be renamed, deleted and assigned to different pages.

One of the major features is the ability to assign different profiles to different pages. This allows you to change the theme's style and layout only on certain pages.

To assign a profile to a single or multiple pages, click on Assign Pages and select the pages you want to load your new profile. You can select multiple items by holding Ctrl-Key while clicking.

Please note that you can only assign one profile per page. If you have already assigned a profile to a page, it will be displayed in grey color and can't be selected.

One of the most common uses of profiles is to load different page and module layouts for certain pages.

For example let's say your module layout for position Top-A is set to Equal, which means the modules will float horizontally next to each other. But on your frontpage you need your modules on that position to be displayed with the Stack layout, so your modules appear vertically above each other.

To do so you create a new profile called Frontpage, activate the checkbox for Top-A Layout and select Stack. Next click on Assign Pages, to select your frontpage and to save your changes. Now the layout setting for Top-A will be overridden on the frontpage.

Another common use is to hide the System Output on certain pages if you want your page to just contain modules or widgets and no article.


You can customize the design of blocks in mazaya theme For example


HEADER + newflash


Here is a brief instruction how to deal with Mazaya Theme together with WPML and translate widgets.

Mazaya Theme are fully compatible with WPML. You are able to controll your widgets as explained at Set up the WordPress widgets. All created widgets will be automatically displayed on all translations of the concerned page.

Howto translate widgets

In the following we'll show you, how to setup different widgets per language.

  • First you have to install and activate Widget Logic. With Widget Logic you are able to controll Widgets with the help of PHP.
  • Add copies of the widgets you want to translate. You need one copy per widget for every language in wich you want to translate your widget. In the following we will configure the widgets so they will be only displayed in one language.
  • Go to Appearance » Widgets and select successively every translated widget. For the english translation add the following code to Widget logic:
    You can find the language code of your disired language at WPML » Languages » Edit Languages
Widget Logic configuration

This theme comes with some very useful short codes included. Shortcodes are a very powerful way to insert custom functions directly into the main content of a WordPress page or post. You can use them in Blog Posts, Pages and even Widgets and Widget Titles. Just click on a Shortcode Button and adjust the settings, then publish the page.

For more information about the template Mazaya please visit the following links:

Roksprocket language issue

simple issuse compatibility by Roksprocket and the language in your wordpress installation

also do the same thing with this files : wp_roksprocket_layout_mosaic-en_US.po and in this folders ;

For more information

Roksprocket argument error

if you get message error after active Roksprocket plugin like this : Warning: Invalid argument supplied for foreach() in ....... roksprocket.php on line 425 it was a hosting issue make sure these steps Or Contact your web server and ask the following :

Roksprocket Admin Not appear in the Wp-admin

if the Roksprocket Admin Not appear in the Wp-admin , Please contact your web server and ask them to support MySQL PDO driver in the server. (cleared the cache after enable this option.)


WordPress Plugins

Thanks so much to:

Photos used in the demo site from:

Kalexanderson, Eduardo Amorim, paul bica, Trey Ratcliff, Trey Ratcliff, Bradford Speers, slagheapRAUL BROCKMANN, Iomega, Merzak Bouki, Meg Puente, Ryusha, Pieric Dupaquier, Cdevers, David, Hendrikmorkel, South dock,  ericflexyourhead, agfreiburgspecial-fx, syriafreedom, agfreiburg, clanlife, jeffanddayna, timsamoff, soelin, stuckincustomstimkenjonbrophalinnchristophe, embarqbrasil, epsos, carmichaellibrary, Andrew, corgan, thevortextsu-lin,  genbug, Edo



Don't Forget If You Like It, Rate It !