Header Customization
Direo lets you customize your site header area from the WordPress Dashboard → Appearance → Customize option.
Menu Area
There are three types of Menu Style available for Single Post and Single Listing in the Direo theme. To set a global style for all the Single Post or Single Listing, navigate to WordPress Dashboard → Appearance → Customize → Header Options → Menu Area
Default/Transparent: The default style can also be coined as a transparent style. Default or Transparent style blends in the header image with the menu area. For better clarification refer to the GIF below.
Light Background: Selecting Light Background will set the menu background to white color.
Dark: Selecting Dark Background will set the menu background to Black color.
Menu Area For A Specific Post Or Listing
Following the section above will guide you to set the menu background for all the Single Posts and Single Listings. Our theme also allows you to change the menu style for a specific post or listing. To do that, edit the specific listing or post and on the right sidebar you will notice "Header Options"; select your preferred style.
Header Background Image
You can set the Header Background image for all the single posts and listings globally. To do so, navigate to WordPress Dashboard → Appearance → Customize → Header Options → Header Background Image and upload an image.
Image Opacity will add a dark overlay on the image and if you prefer color over a header image then you can set the header background color as well.
Header Background Image For A Specific Post, Listing, or Page
You have the privilege to add a different header image for a specific post or a single listing. When you add a new listing, adding a preview image will automatically set the header image.
Furthermore, if you want to have a different header image for a specific page, for example, say you would like to have a different header image for the "Single Category" page only. Simply, edit the page and add a featured image. The featured image is basically the header image.
Adding a logo
To set a logo, navigate to WordPress Dashboard → Appearance → Customize → Site Identity.
You will notice there are two options to upload the logo, the former sets the logo globally and the latter for the light background. So, if you have selected "Light Background" for menu styles, then adding a light-colored logo may produce visibility issues. You can upload a darker version of your logo here which will be visible in "Light Background" menu styles.
Site Icon: Site Icon refers to the icon you see on the browser tab. You can set it in WordPress Dashboard → Appearance → Customize → Site Identity.
Add Listing Button
By default, clicking on the add listing button on the header area will allow users to add a listing. However, you have the freedom to change the action according to your need. To change the button action go to WordPress Dashboard → Appearance → Customize → Header Options →
Add Listing Button Text: Change the text of the button here and name it as per your need.
Add Listing Button Link: Add the URL you want the button to redirect to. Leaving it empty will set the default link which is the link to the "Add Listing" form.
Adding Menu Items: Menu is a salient aspect of a site as it lets users navigate to different locations from the header. There are a couple of ways to add menu items.









- Adding items from the WordPress Dashboard → Appearance → Customize → Menus: The name of the menu for Header Menu Items is "Primary Menu". You may add a new item, reorder, and delete existing menu items in this section.
- Adding items from the WordPress Dashboard → Appearance → Menu

Last Updated: June 4th, 2020