Header – NooTheme https://nootheme.com NooTheme Wed, 09 Nov 2016 03:24:44 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.1 https://nootheme.com/wp-content/uploads/2018/05/favicon.png Header – NooTheme https://nootheme.com 32 32 Set Up Menu https://nootheme.com/documents/set-up-menu-6/ Thu, 22 Sep 2016 07:28:34 +0000 https://nootheme.com/?post_type=noo_document&p=1010818

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
http://nootheme.com/documents/header-6/

]]> Mega Menu https://nootheme.com/documents/mega-menu-4/ Sat, 09 Jan 2016 02:51:43 +0000 http://nootheme.com/?post_type=noo_document&p=30995
Organici equips you with a kind of menu called Mega menu whose sample is placed on Shop page of our demo site. Basically, it has some typical features:

 

• The first one, a noticeable feature is that Mega menu allows you to organize sub-menus according to columns. Meanwhile, sub-menus are usually arranged in conformity with hierarchy.
• The structure of a mega menu contains Mega menu heading, sub-pages and widget area.
• Mega menu helps icons to be shown next to pages and sub-pages on the Navigation bar
p329

 

Create A Mega Menu

 

In order that you can better perceive how to build a Mega menu, we will opt Shop page in which Mega menu is created. Please follow these steps:

 

Step 1: Navigate to Appearance > Menus > do the same steps mentioned in Set Up Menu to obtain structure of the mega menu on Shop page as in the image
p330

 

Step 2: Click the triangle icon on the right of Shop pages item then it will expand into many options like:

Navigation label: name of the parent page (Shop page)

Icon: you can select an icon of the page and change size, color and position of the icon here. Click the arrow icon to opt an icon and click the stick icon to make alternations to the icon.

Enable Mega menu: ticking this box allows display of megamenu

Mega menu column: This option has a drop-down list of different numbers of columns shown in Mega menu area. The number varies from 2 to 6. On our demo site, this number is 4.

Hide Mega menu heading: Check this box if you want to hide Mega menu heading. In our demo, Shop pages item is considered to be a Mega Menu heading. When you choose option of hiding mega menu heading, Shop pages title will automatically disappear on Mega menu area.

p331

 

Step 3: Regarding Shop Page item, it is a Custom link. Therefore, you also have common options like URL, Navigation, Title Attribute and Icon. Besides, you will have an extra option named Mega Menu Widget Area which contains a drop-down list. Thus, you will have to opt Select Widget area whereas the remaining options in this drop-down list will make Shop pages item become a widget area.
p332

 

Step 4: As for sub-pages like Wishlist, My account, Cart and Checkout, you only need to modify three options which are Navigation Label, Title Attribute and Icon.
p333

 

Step 5: Mega 2, 3 and 4 constitute the widget area of Mega menu. Therefore, before making any changes to options included in these three items, please assure that you created sidebars and widgets corresponding to them:

  • We have three sidebars: Menu Sidebar One, Menu sidebar Two and Menu Sidebar Three.

Learn more about creating sidebars:
http://nootheme.com/documents/sidebars-widgets-3/

  • Next, navigate to Appearance > widgets > drag WooCommerce Products widget to Menu One, Menu Two and Menu Three. Click the triangle icon then you will have further options like Title, number of products to show, Show (All products, Featured products, On-sale products), Order by(Date, Price, Random and Sales), Order (Descending or Ascending), Hide Free Products, Show Hidden Products.
    Learn more about adding widgets to a sidebar:
    http://nootheme.com/documents/sidebars-widgets-3/
p335

 

Similar to Shop Page item, Mega 2, 3 and 4 are Custom links; therefore, you will also have options like URL, Navigation label, Title Attribute, Icon and Mega Menu Widget Area. In the drop-down list of Mega Menu Widget Area, opt Menu Sidebar One, Menu Sidebar Two and Menu Sidebar Three to Mega 2, 3 and 4 .
p336

Step 6: Click Save menu

]]> An Introduction To Header https://nootheme.com/documents/an-introduction-to-header-5/ Tue, 15 Dec 2015 01:46:27 +0000 http://nootheme.com/?post_type=noo_document&p=28218
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:

head1

 

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

 

]]>