Header – NooTheme

An Introduction To Header

Jessica — Thu, 03 Mar 2016 04:50:09 +0000

Perhaps Header is the first place visitors look at when they go to your site. The first impression is always important; therefore, if the Header can convey your message to users, that is very great! The simple message given to them can be an understandable and clear menu or an amazing and eye-catching design of the header or diversified header styles of your site also make the most choosy customers feel satisfied.
In the most essential respect, a header should contain three parts which are menu area, logo and top bar

Here is structure of sections in Header, which will help you to acquire essential knowledge of building a Header. In terms of an striking and personal Header, I suppose that it depends on your creativity:)) Set up Menu
Customize Header

Add “Make an appoinment” button

_nixstar_ — Tue, 14 Jul 2015 03:05:05 +0000

To add “make an appointment” button on main menu. Add new menu, select menu type: page (you need to choose page same as Make an appointment page). Then add CSS Classes (optional): make-an-appointment for your menu. You can see image:

Setting Up Menu

_nixstar_ — Mon, 01 Jun 2015 02:48:48 +0000

Medicus supports custom WordPress menu, this is one area where you can assign a menu: Main Menu. Following the guide below to learn how to create new menu on Medicus Theme.

Step 1: Navigate to Appearance–> Menus from Admin panel.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click Create Menu
Step 3: To add menu item, select pages and post on the left hand side and click Add to Menu button. You also can add custom links or post categories into menu.
Step 4: To create a drop-down menu, simply drag a menu item below of another menu item and slightly to the right, and it will lock into place and create a drop-down section.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once it’s all done, make sure you click the Save Menu

Now returning to the site, you will see the menu shown on the header like this:

Yet when you see the header on our demo site:

You can wonder yourself “why is the header of my site different from that of your site?”.To achieve such design, refer to this link

Adding Logo

_nixstar_ — Mon, 01 Jun 2015 02:46:54 +0000

Medicus allows you to add image file or use text for logo. For the image file, you can upload at any size and it will be adjusted to fit into the menu. There is an option for you to upload a retina logo to keep your logo retina ready.

Step 1: Navigate to Customizer–> Header–> Logo tab to access the logo options.
Step 2: You will see a button to turn On/Off Use Image for Logo.

If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.

If On, you will have two logo images to upload. The first one is for standard desktop while the second one is for retina ready devices (optional). Click the Upload button and select your logo file.

Step 3: If you are uploading a retina logo (optional), you need to upload a larger image of which dimensions are 2 times larger than dimension that your standard logo will be displayed.
Step 4: If you are using a retina logo, you must enter the logo height for standard logo.