Header – NooTheme

Set Up Menu

Jessica — Wed, 04 Nov 2015 02:04:23 +0000

To show menu items located in header area of the site, you have to carry out these steps:

Step 1: Navigate to Appearance–> Menu section of your admin sidebar.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu
Step 3: To add menu item, select one of your created pages on the left hand side and click the Add To Menu button. You can also add different posts from the left side.
Step 4: To add a custom menu item, enter a custom name and link into the Links box.
Step 5: Manage your menus by using the drag and drop functionality. To create a dropdown menu in Menu Structure, simply drag a menu item on the left side to the area on the right side.
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 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:

An Introduction to Header

Jessica — Tue, 03 Nov 2015 10:50:44 +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 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:

To create a remarkable Header, you should master basic instructions of setting up Menu and Header settings in Customizer

Add or change header social

_nixstar_ — Tue, 17 Mar 2015 08:30:16 +0000

In Citilights theme, we provided some social options which will help you input URLs of your social media profile. We supported Facebook, Twitter, Google+, Pinterest, LinkedIn, RSS Feed, You-tube and Instagram social.

To add social media on your header, please following these steps:

Case 1: Add socials which have on Citilights theme.
- Navigate Customizerà Headerà Open Top Bar tab then you need to turn On Show Social Icons option. After that, you can choose position which social will be displayed by tick left/right on Social Position option.
- Then, go to Customizer–> Open Social Media tabs–> Input your URL that corresponding social icon will be displayed.

Case 2: Add socials which don’t have on Citilights theme
- To add socials which don’t have on Citilights theme, you need to add on Citilights code.
- You can open file {root}/wp-content/theme/noo-citilights/framework/functions/noo-html.php then see the functionYou can add more socials icon in this code. Example: we add Vimeo social –> Here is code which you need to add:

Adding Logo

_nixstar_ — Tue, 17 Mar 2015 08:19:58 +0000

Citilights theme requires that you upload your logo as an image file. The logo can be any size and can fill up the full content area. Citilights is also retina ready, so there are additional options to upload retina 2x logo and specific instruction that need to be followed to display correct on retina ready devices.

To insert your logo, please following these steps

Step 1: Navigate to Customizer–> Header–>Logo tab to access the logo options.
Step 2: You will see button turn On/Off Use Image for Logo. If turn On, you will have two logo to upload, one is Your logo – a standard logo on desktop, one is Retina Logo – a retina ready devices.
Step 3: if you are uploading retina logo (it’s not required) it needs to be exactly twice the size of the regular logo. For example, if the standard logo is 200×100, the retina logo should be 400×200. Click Upload button and select your retina logo.
Step 4: If you are using a retina logo, you must enter the logo height for standard logo.