1. Home
  2. ReHub Theme
  3. Basic settings
  4. Setting menus

Setting menus

Basic Settings

This Theme uses WordPress built-in menus feature which can be found in your WordPress Dashboard. Follow the next steps to define menus for each of the theme’s menu locations.

  1. Navigate to  Appearance   Menus  page
  2. Click the  Create a new menu  link to make a new menu. Enter the name then hit  Create Menu .
  3. To add a menu item, you can easily select one of your already made pages on the left hand side and click  Add to Menu .
  4. You can also add menu items by entering a custom name and custom link into the Links box.
  5. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
  6. Save your menu. After that go to Manage Locations tab and set your created menu as Primary Menu (or other)
  7. Once its all done, make sure you click the  Save  button.
  8. You can change menus locations in any time from Manage Locations tab.

Please, don’t add a lot of positions to first level in main menu, because sometimes they can’t fit in one line.

How to add search icon to menu

For this, add custom link to menu

with next Url – # and next Link text

<i class="icon-search-onclick"></i>

Next thing, click on screen option in right top corner and enable Css classes checkbox. Now, you can add additional css classes to menu items. So, add to search menu item class


If you want to make it in right part of menu add also class


Mobile Menu and Header

Our theme has additional functions for mobile header. First of all, you can disable to show full header on mobiles and make it as compact panel. For this, go to  theme option – Mobile and AMP  and enable Compact mobile header.

In the same Place you can assign your custom logo in top of Mobile Sliding panel. You can also assign custom elements or text in top of sliding panel.

If you want to center your custom content – wrap it with next div

<div class="text-center">Your content</div>

If you want to make it with white color, use

<div class="whitecolor">Your content</div>

How to increase width of simple dropdown menu

By default, simple dropdown in menu has width 210px, you can increase this value with code

nav.top_menu ul.sub-menu{width:250px}

you can place this in theme options – general options – custom css

How to add links to footer bottom line

You can add also some links to bottom line in footer (with copyright text). To do this, go to  Theme option   Footer option   Footer Bottom Text  and add there next code.

2016 Wpsoul.com Design. All rights reserved. <div class="floatright mr30 ml30 mobilecenterdisplay disablefloatmobile"><a href="#" class="inlinestyle mr30">Disclaimer</a>  <a href="#" class="inlinestyle">Contact Us</a></div>

Instead of # – place real links. floatright class means that links will be right floated.

How to add Right Float to menu

Easy. Enable Css classes for menu and add class floatright to menu item

How to add Icons to Menu

Please, follow next tutorial how to add icons in title

How to add additional menu in logo section

Go to Appearance – menus and create new menu, save it

Go to theme option – Header and Menu – Header layout and enable Customizable Header. Now you can choose your additional menu. Don’t add too much items in this menu