Logo enter in a logo for your site. We recommend using an SVG for logos so they’re always crisp on all screen sizes. If not, the recommended height and width of your logo should be an image that’s at least 92 pixels height by 286 pixels wide at 144dpi.

Site Title enter the title used for your site that is used for the title on pages

Tagline enter the tag line that shows up in the title bar on the homepage

Dark Logo enter in a dark version of your logo to be used on a light navbar background. (If this is the same as your light logo, you can enter the same logo in this field. We recommend using an SVG for logos so they’re always crisp on all screen sizes. If not, the recommended height and width of your logo should be an image that’s at least 92 pixels height by 286 pixels wide at 144dpi.

Site Icon creates all of the icons used by the browser, as well as bookmark icons on phones. We recommend a 512×512 PNG image at 144dpi for this icon that will look good on both dark and light backgrounds.

Use C9 Theme Fonts? If you plan on enqueuing your own fonts with a child theme or via CSS, you can set this to no so no additional font files are enqueued. If you’d like to use fonts from the theme, you are able to select a heading, subheading, and body paragraph font style for use in the C9 Blocks like the C9 Heading and C9 CTA Bar.

Select a background color. By default, the background color is white.

You can set theme colors using the C9 Blocks plugin by clicking on the feather icon in the upper right hand corner of the post or page edit screen to set your saved colors for re-use in block text colors, headings, background colors, and more. We’ve registered a few colors from the theme itself, and you can add your own custom palette colors by clicking on the Add Color button seen in the screen shot.

Select your background image for the website.

Do you want to show or hide the author name on posts? Select whether or not to display author names on single posts. Default is to hide author names.

Display a sidebar on single posts? Show a sidebar on single blog posts on the right or left with widgets from the Appearance > Widgets widgetable area from the WordPress admin depending on your sidebar selection.

Display a sidebar on archive pages? Show a sidebar on the post index screen, tag, and archive pages with widgets from the Appearance > Widgets widgetable area from the WordPress admin depending on your sidebar selection.

Show or hide social media icons in the footer with URL fields for popular social networks and content networks

Display search in footer Show or hide the search field in the footer. We recommend showing this for accessibility reasons.

Copyright Input your copyright message for the footer.

Create menus for your theme using the built-in WordPress menus, or go big with Max Mega Menu, widgets, and custom navigation widgets like we did on this site.

Be sure to set a default menu. If you imported the sample content from this page, you should be able to set the Universal Top Navigation menu to the Top Navigation Menu Menu Location from the customizer so your top navigation shows up in the header.

Select as many widgets as you’d like to display in your footer. We recommend showing 3-4 widgets in a single row for the best design in the footer. Widgets display in rows of 4, and break into single or double columns on mobile layouts depending on available screen space.

Your homepage displays A static page if you want to build your own homepage like we did on this site, or you can set it to a page you imported during the sample content import from above.

Homepage Set the Homepage to the Homepage that should have been imported during the sample content import.

Posts page Set this to the page on the site that will act as the archive for your blog post. If you imported the sample content from the C9 Work demo, set this to the News page.

If you plan to sell items on the site, or use an online catalog feature, you can activate WooCommerce and make adjustments to the settings for the Store Notice, Product Catalog, Product Images, and Checkout from within the customizer.

Should you need to further customizer or tweak any of the visual elements of the site, you can enter in any custom CSS here, which will be applied inline to the theme between the <head> tags.

If you haven’t already, import the sample content you downloaded from the top of this page to have a working menu template with a simple drop down menu. This is the menu you can add a mega menu to. The demo content contains widgets, and saved menus for each section of the mega menu.

On this site, if you click on the products menu, you’ll see we’ve added an Instagram widget to our max mega menu using the HTML widget. There are also three menus that make up the other three columns with lists of links in them on this demo site that you can set with widgets inside of the Max Mega Menu admin modal screen.

1. Click Appearance > Menus on the admin side menu of the WordPress Admin to begin adding widgets and custom content to your mega menu like we’ve done on the Products menu of this site.
2. Enable the Max Mega Menu once you’ve selected the Universal Header Navigation menu you should have already imported from the sample content file. Note: We recommend using the click method for opening menus instead of HoverIntent for Mega Menus.
3. If you went through the Appearance > Customizer portion of the setup guide, then you should already have step three complete. If not, assign the Universal Header Navigation menu to the Top Navigation Menu primary setting on the theme by selecting the checkbox as Togo the doggy is showing you in step 3 above.
4. Click Save
5. Now it’s time to add widgets, columns, and really any widget you can think of to a mega menu underneath one of your top level navigation items. In our demo, we’ve added a mega menu to the Products menu. Watch the video below to see how to set up the columns, widgets, and headings inside of the Mega Menu.