0
Welcome Guest! Login
0 items Join Now

Our Summer Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Clarion: Recreating the Demo - Navigation

Your Guide to Recreating Elements of the Clarion Theme for WordPress


Navigation Section

1
Gantry Logo
2
Gantry Menu

Here is the widget breakdown for the Navigation section:

  • Gantry Logo
  • Gantry Menu

The Navigation section remains the same across the entire demo site. For this reason, it exists in the default Widget Override menu. It is also a fairly simple section to set up.

Gantry Logo

The first thing you will need to do is click and drag the Gantry Logo widget from the Available Widgets area of the Widgets menu to the appropriate section. We also checked the Per Style Logo option. Once this is done, the logo should appear in as it does in the demo.

Gantry Divider

This widget tells WordPress to start a new widget column beginning with the widget placed directly below the divider in the section.

Gantry Menu

The Gantry Menu widget should be set to match your site's main menu as it serves as the primary menu widget for the entire site. You can customize this menu by navigating to Administration -> Appearance -> Menus and creating or modifying your selected menu there.

Here is a breakdown of the widget options for this menu widget. Any options not present in this breakdown are left at default and should not be adjusted.

Option Setting
Menu Main Menu
Menu Theme Fusion
Limit Levels No
Start Level 0
End Level 0
Show All Children Yes
Show Empty Menu No
Maximum Depth 10
Menu Classes Menu Navigation
Load CSS No
Enable JavaScript Yes
Menu Opacity 1
Menu Effect Slide and Fade
Hide Delay 500
Menu Animation Circ.easeOut
Menu Duration 300
Enable Pill No
Pill Animation Back.easeOut
Pill Duration 400
Centered Dropdowns No
Level 2 X Offset -10
Level 2 Y Offset -11
Submenus X -8
Submenus Y -18
Enable Active ID No

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.