How to Use the Header and Footer Settings

Revision as of 20:13, 15 November 2011

The Header & Footer section settings provide flexibility and ease in setting up important site content such as Dropdown Navigation, Search capability, Social links, and Copyright statements.

Drop Down Navigation

You can give your menus a different look by enabling Drop Down Navigation. When you hover over a menu, additional menu items appear underneath.

Enable Drop Down Navigation

Menu Offset

Drop Down Menu

Enable Drop Down Navigation

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Header And Footer" tab
3. Check "Enable Drop Down Navigation?"
   • You can also choose to disable the Text Shadows & Arrows
4. Click "Save Options"

Offset(Nest) Menu Items

Now you will need to configure on which pages the Drop Down Menus will appear. Simply go into your custom menu and offset (indent) those pages to the right.





Now you will see that any menus you offset will be nested underneath their parent menu item.

If you are having problems with the Drop Down menus falling behind Flash elements, such as an embedded YouTube video on your Feature Slider, click here for more information.

Hide Search Field

Search Field

Hide Search Field

The Search Field is displayed by default on the right side of the PageLines Navigation Section.






To hide the Search Field, from your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Header And Footer" tab
3. Click "Hide search field?"
4. Click "Save Options"

Social Icon Position

By default the Social Icon bar is placed within the "Branding" section to the right of the header logo.

Positioning can be adjusted using the Social Icon Position settings.

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Header And Footer" tab
3. Set desired values under "Social Icon Position"
4. Click "Save Options"

The icons bar moves relative to the bottom right corner of the Branding section. For example, increasing the "Distance from Bottom" value will move the bar up from the bottom of the Branding section.

Negative values are allowed which is especially useful for moving the icons down.

View examples in the image to the right:

1. Default settings
2. Place the Icon Bar to the left of the Search Bar using "Distance from Bottom" = -55 and "Distance from Right" = 220

For advanced users, div.icons has default CSS values: div.icons {position: absolute; bottom: 12px; right: 1px;}

When setting the Social Icon Position in this PageLines panel, you are changing the css values for bottom: and right:

For more information on testing css settings using Firefox & Firebug, click here.

Hide News/Blog RSS Icon

News/Blog RSS Icon

Hide News/Blog RSS Icon

The News/Blog RSS Icon is displayed by default on the right side in your header. In the PageLines Templates, this icon, along the Social Icons, is placed within the "Branding" Section.






To hide the News/Blog RSS Icon, from your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Header And Footer" tab
3. Unclick "Display the Blog RSS icon and link?"
4. Click "Save Options"

Social Icons

Need to write

Secondary Navigation

Secondary Navigation allows you to place unique menus on individual pages.

This is especially helpful when:

• you need different menus on each page
• or, instead of using Drop Down Menus, you want your "nested" or "secondary" menu items visible at all times

Setting Secondary Nav using WordPress menus

There are two options for displaying the Secondary Nav Menu. The default option is to use a WordPress menu. Once you create the menu, you must assign it to a page through the page's Meta Settings.

Use Child Pages

Setting Secondary Nav using Child Pages

Secondary Nav

The second option is to use Child Pages as your Secondary Nav menu instead of a WordPress Menu.

From your WordPress Administration Panel:

1. Select the "PageLines" panel, then "Settings"
2. Select the "Header And Footer" tab
3. Check "Use Child Pages for Secondary Nav?"
4. Click "Save Options"

Once you setup the Secondary Nav menu, by default it will be displayed underneath your Primary Website Navigation. However, you can move it around inside any of the Template Areas.

Number of Footer Columns

Need to write

Footer Logo

Need to write

More Statement

Need to write

Site Terms Statement

Need to write