Navigate to Theme Options > Header to access the header options. You will see 5 sections; Header Type, and Header Top Bar, Sliding bar, Styling, Main Menu, Secondary Menu. See below for information and screenshot on what each section contains.
Header – You can choose header layout, Enable Header Top Bar, Enable Sticky Header, Sticky header show/hide.
Header Type – You can choose Types, Transparent, Skin, Slider Position from the header type options. The Header Types are listed out below.
Header Default
Header Light
Header Transparent
Header Semi Transparent
Header Semi Transparent Light
Header Boxed
Advanced Menu
Header Vertical
Header Toggle
Header Wide
Header Justify
Header Center Logo
Header Right Logo
Header Top bar – You can Enable/Disable menu options, Welcome Message, Phone Number, Email Address.
Sliding Bar – You can Enable/Disable Sliding Bar options, Disable Sliding Bar on Mobile, Choose Sliding Bar Columns.
Styling – Styling options allows you to choose the spacing for header.
Main Menu – You can choose Menu Type, Menu Height, Sticky Menu Height, Dropdown menu width.
Secondary Menu – You can Enable/disable Secondary menu options and its position.
Header
Header Top Bar
Sliding Bar
Styling
Main Menu
Secondary Menu
Insert Default Logo and Sticky Logo
Navigate to Theme Options > General > Logo tab to access the logo options.
You will see two logo upload options under the Logo tab, one is for default logo and other one is for sticky header logo.
Click the Upload button and select your default logo file in default logo section.
Click the Upload button and select your sticky header logo file in sticky header logo section.
Main Menu – You can choose Menu Type, Menu Height, Sticky Menu Height, Dropdown menu width.
Favicon Options
You can find the Favicon Options in Appearance > Customize > Site Identity > Site Icon.
The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.
Menu Locations
Primary Menu – This is the Main Menu that shows in the Header area.
Primary Right Menu – This is the Right Menu shows in header type Header Centered Logo and Header Centered Logo 2.
Top Menu – This is show in Top bar and other locations.
Mobile Menu – This is the Menu that can be assigned for mobile view.
Footer Menu – This is the bottom Menu that can be assigned in footer.
Setup New Menu
To setup new menu, Navigate to Appearance > Menus section of your admin sidebar.
Click the Create A New Menu link and enter the name then click the Create Menu button.
To add a custom menu item, enter a custom name and link into the Links box.
You can use drag and drop functionality to manage your menus.
To Create a dropdown menu, you can simply drag a menu item below and slightly to the right of another menu item, and it will be under a main menu and create a dropdown section.
Once you setting up your menu, assign the menu to any one of the 4 locations which is shown at the bottom of the page in the Menu Settings.
After setting up the menu, click the Save Button.
Below screenshot shows that how to set up the menu with various options and categories.
Create A Mega Menu
Navigate to Appearance > Menus section of your admin sidebar.
Select the Create a New Menu link to create a new menu, or choose the Select a menu to edit option that you already have an menu.
The Mega Menus are available only for top level navigations items only in “Main Menu” area.
Click the Arrow icon next to any First Parent Level menu item. Then click enable the Mega Menu option.
Set the number of columns to display the columns for the mega menu.
Menu item have a glyphicons Ex: glyphicon-search, and font awesome icon, use fa- in the name. Ex: fa-times.
Menu item have a glyphicons Ex: glyphicon-search, and font awesome icon, use fa- in the name. Ex: fa-times.
After set up Mega Menu, assign the menu to the Main Menu location in the Theme Locations at the bottom of the page and click Save button.
Go to Apperance > Menu > Click on Custom link Tab.
Enter the dummy URL and Link Text and click on Add To Menu button.
The Custom menu will appear on right side.
Enter the URL for the button to go to the particular link.
In the Navigation Label, use the span tag for button text.
You can add this button to already created menu or create a new menu and add this button.
Setup The Page Title Bar
Open up an individual page or post in your WordPress admin.
You can find Page Title Bar under Page Options.
Hydd has options that you can customize the page title bar for page options and post options.
You can show or hide the page title bar and page title. Below showing some options.
Page Title Bar Type – This option contains Default and Mini Title Bar.
Page Title Bar Skin – This option contains Light and Dark skin.
Page Title Alignment – You can align the title bar in Left, Center and Right.
Choose custom background options or color, set parallax effect, enable video background and change the height of the page title bar.
All options having several custom options to select for it. These options will take effect for the individual page or post.
