Skip to content

FAQs » Nirvana Specific

What browsers does Nirvana work on?


Nirvana works on all modern browsers: Firefox 4+, Chrome 7+, Opera 10+, Safari 5+ and Internet Explorer 10+ plus all mobile browsers.

Is Nirvana responsive?


Nirvana is responsive on all browsers when Responsiveness is enabled in the settings.

What version(s) of WordPress is Nirvana compatible with?


WordPress at least version 3.9 is recommended for Nirvana.

How do I add another social icon in Nirvana?


Extra social icons can be added or existing social icons images can be changed using a child theme.

  1. Download the sample extra socials child theme:

  2. Find an image for you new social that fits in with the existing icons you will be using. Use the provided NewSocials.psd to match the layout and shadow. Create a 26×26 pixels transparent PNG for it. Place that image as nirvana-extrasocials/images/socials/YourIcon.png

  3. Edit the provided functions.php file to define/rename your new social icon(s). Your new social icon(s) will then appear in Nirvana's social settings and once you enable it (them) also on the website.

  4. Install the child theme via WordPress or manually upload the nirvana-extrasocials folder to your wp-content/themes site's folder.


    Using a child theme makes sure you will not lose your changes on theme updates. Use it as the basis for all your future customization or merge the contents of the functions.php file (and the images folder) with your existing child theme.

  5. Activate the new child theme in Appearance » Themes. As you theoretically changed themes, you will need to re-assign the following things (if they were previously set): background image, header image, menu(s) association(s).

More social icons

If you want to add more than one custom social icon, edit the new socials array to include the extra socials array( 'NewSocial', 'NewSocial2' ) and so on.

You can use this child theme to also replace the social icons images, by adding all your custom images in the nirvana-extrasocials/images/socials/ folder (using exactly the same name as the originals) and leaving the new socials array empty: array().

Is Nirvana compatible with WooCommerce?


Since version 1.1.0, Nirvana includes support for WooCommerce and the compatibility child theme is no longer needed. If you're still using an older version we strongly recommend to update (or you can still try the compatibility child theme).

WooCommerce sections will use the configured layout (sidebar placement) by default. You can override the behaviour of individual pages (Checkout, Cart, Account) by defining a specific layout page template on that page.

For sections that are not pages but which you wish to disable the sidebar on, the theme provides 2 woocommerce files. Delete (or rename) the initial woocommerce.php (which features sidebars) and rename woocommerce-nosidebar.php to woocommerce.php to disable the sidebar on WooCommerce sections that don't use a layout page template.
If you are using a child theme, you can copy the resulting woocommerce.php file to the child theme folder to ensure this change survives over updates.

How do I edit the 6 front page columns to add my own content?


What you see there by default is just sample content to demonstrate how the Presentation Page columns look like. It cannot be edited.

However this sample content will automatically disappear as soon as you start adding your own stuff.

See the dedicated columns tutorial for information on using the presentation page columns feature.

Is Tempera compatible with multilanguage plugins?


Tempera has always been compatible with qTranslate X.
Support for Polylang / WPML has been added since version 1.1.0.

For more information on multilanguage support, see the functionality FAQ on this topic.

Where are the column animations? Why is the column text below the column images?


Presentation Page Columns behaviour depends on device type and screen size – the animation are disabled if the theme is viewed on a screen width size appropriate to be considered a mobile device / tablet. In this case, the columns turn to static content, moving the content below the images (as mobile devices do not support hover effects to trigger the animations).

Due of this you may see your site (specifically the columns) appear different between devices.