Special Offer: Buy All 10 Premium WordPress Themes for Just $55.99. Learn more

Remove Mobile (Burger) Menu

zen templates remove-mobile-menu

In case you use a plugin for mobile (burger) menu such as WP Mobile Menu, you may want to hide/remove the theme default menu under mobile/tablet portrait screens (screenshot above). Here are all of the necessary steps how it can be done:

  1. Login to Your Admin Panel
  2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ Section
  3. Insert the following code there:
    @media screen and (max-width: 799px) {#navmain {display:none;}
    }

    Note: The above code will hide menu for screens with width less than 799px. You may change it to other value if you prefer (the value marked in bold above).

  4. Save changes

Best-selling Products:

How to Change Title Font Size of Recent Posts Slider Widget Items

zen templates recent-posts-slider-widget

The Recent Posts Slider Widget (screenshot above) is included in all our Premium themes. It allows you to insert a slider with recent posts of your website. You can easily use it, just login to your Admin Panel, navigate to Left Menu -> Appearance -> Widgets -> then add ‘Recent Posts Slider Widget’ into some of the Widget areas such as Homepage Above Columns, Homepage Column #1, Homepage Below Columns, Sidebar Widget Area, etc:

 

recent-posts-slider-widget-admin

By the default title of the items is same as blog titles from index page. In case you need to change the widget items titles, it will require a small code change, here are all of the necessary steps:

  1. Login to your Admin Panel
  2. Navigate to Left Menu -> Appearance -> Customize -> Additional CSS
  3. Insert the following code there:.jcarousel-item h1.entry-title {
    font-size: 16px;
    }

     

    Please Note: You can change the font size value above (marked in bold) with other value.

  4. Save changes

Alternatively, you can insert the above code into style.css (Navigate to Admin Panel -> Left Menu -> Appearance -> Editor, open style.css scroll down and insert the code).


Best-selling Products:

How to Remove Header Search Icon

zen template ZenEarthPro - Premium Zen Earth WordPress Theme by zentemplates.com

In some cases you may want to remove the header menu search icon. It will require a small code change. Here are all of the necessary steps:

 

1. Navigate to Admin Panel -> Left Menu -> Appearance -> Editor

2. Open yourtheme/inc/utilities.php

3. Find and DELETE the following code:

$result .= ‘<li><a class=”search-form-icon” href=”#” title=”‘.__(‘Search’, ’tishonator’).’”></a><div id=”search-popup-content”>’;

ob_start();
get_search_form();
$result .= ob_get_clean();

$result .= ‘</div></li>’;

4. Save Changes


Best-selling Products:

How to Change Theme Text Direction From Right to Left

zen templates

By default text direction in our themes is Left to Right. However, if your website is written in Hebrew or Arabic text, then you probably will have to change text direction to Right to Left.

It will require a small code change. Here are all of the necessary steps:

1. Login to your WordPress Admin Panel

2. Navigate to Left Menu -> Appearance -> Editor

3. Open header.php

4. Replace:

<body <?php body_class(); ?>>

with:

<body <?php body_class(); ?> dir=”rtl”>

5. Save changes


Best-selling Products:

ZenWaterPro WordPress Theme Released

ZenWaterPro - Premium Zen Water WordPress Theme by zentemplates.com

We’ve just released another Multi-Purpose Premium WordPress Theme: ZenWaterPro 🙂


Best-selling Products: