Agency Pro top navigation

Community Forums Forums Design Tips and Tricks Agency Pro top navigation

This topic is: resolved

This topic contains 8 replies, has 3 voices, and was last updated by  ronnieb 1 year, 1 month ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #71420



    I would like to have a top navigation on my site that I built with the Agnecy Pro Template. I would like the top navigation to be similar to

    Can anyone help me with this one?

    Thanks in advance for your time and effort!



    You can add a top navigation menu easily with Agency Pro. Just go to Appearance > Menus, select or create the menu you want to use, and check the box to use it for Secondary Navigation. Save and you’ll see it above your header. Or you can select Primary Navigation and it will appear below the header. Hope that helps!

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+



    Hi NutsandBolts,

    this works with the other template I use, but with the agency template it does not appear.

    am i doing something wrong?




    I’m not sure… On my test site, it works just fine. Can you post the contents of your functions.php? There may be a function there that prevents the menu from showing.

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+



    HI Andrea,

    I missed the update notification. But here is the information of the functions.phop of my site:

    //* Start the engine
    include_once( get_template_directory() . ‘/lib/init.php’ );

    //* Set Localization (do not remove)
    load_child_theme_textdomain( ‘agency’, apply_filters( ‘child_theme_textdomain’, get_stylesheet_directory() . ‘/languages’, ‘agency’ ) );

    //* Child theme (do not remove)
    define( ‘CHILD_THEME_NAME’, __( ‘Agency Pro Theme’, ‘agency’ ) );
    define( ‘CHILD_THEME_URL’, ‘’ );
    define( ‘CHILD_THEME_VERSION’, ‘3.0.0’ );

    //* Add HTML5 markup structure
    add_theme_support( ‘html5′ );

    //* Add viewport meta tag for mobile browsers
    add_theme_support( ‘genesis-responsive-viewport’ );

    //* Enqueue EB Garamond and Spinnaker Google fonts
    add_action( ‘wp_enqueue_scripts’, ‘agency_google_fonts’ );
    function agency_google_fonts() {

    wp_enqueue_style( ‘google-fonts’, ‘//|Spinnaker’, array(), CHILD_THEME_VERSION );


    //* Enqueue Backstretch script and prepare images for loading
    add_action( ‘wp_enqueue_scripts’, ‘agency_enqueue_backstretch_scripts’ );
    function agency_enqueue_backstretch_scripts() {

    //* Load scripts only if custom background is being used
    if ( ! get_background_image() )

    wp_enqueue_script( ‘agency-pro-backstretch’, get_bloginfo( ‘stylesheet_directory’ ) . ‘/js/backstretch.js’, array( ‘jquery’ ), ‘1.0.0’ );
    wp_enqueue_script( ‘agency-pro-backstretch-set’, get_bloginfo( ‘stylesheet_directory’ ).’/js/backstretch-set.js’ , array( ‘jquery’, ‘agency-pro-backstretch’ ), ‘1.0.0’ );

    wp_localize_script( ‘agency-pro-backstretch-set’, ‘BackStretchImg’, array( ‘src’ => get_background_image() ) );


    //* Add new image sizes
    add_image_size( ‘home-bottom’, 380, 150, TRUE );
    add_image_size( ‘home-middle’, 380, 380, TRUE );

    //* Add support for custom background
    add_theme_support( ‘custom-background’, array( ‘wp-head-callback’ => ‘agency_background_callback’ ) );

    //* Add custom background callback for background color
    function agency_background_callback() {

    if ( ! get_background_color() )

    printf( ‘<style>body { background-color: #%s; }</style>’ . “\n”, get_background_color() );


    //* Add support for custom header
    add_theme_support( ‘custom-header’, array(
    ‘header_image’ => ”,
    ‘header-selector’ => ‘.site-title a’,
    ‘header-text’ => false,
    ‘height’ => 60,
    ‘width’ => 300,
    ) );

    //* Add support for additional color style options
    add_theme_support( ‘genesis-style-selector’, array(
    ‘agency-pro-blue’ => __( ‘Agency Pro Blue’, ‘agency’ ),
    ‘agency-pro-green’ => __( ‘Agency Pro Green’, ‘agency’ ),
    ‘agency-pro-orange’ => __( ‘Agency Pro Orange’, ‘agency’ ),
    ‘agency-pro-red’ => __( ‘Agency Pro Red’, ‘agency’ ),
    ) );

    //* Add support for 3-column footer widgets
    add_theme_support( ‘genesis-footer-widgets’, 3 );

    //* Reposition the header
    remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5 );
    remove_action( ‘genesis_header’, ‘genesis_do_header’ );
    remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15 );
    add_action( ‘genesis_before’, ‘genesis_header_markup_open’, 5 );
    add_action( ‘genesis_before’, ‘genesis_do_header’, 10 );
    add_action( ‘genesis_before’, ‘genesis_header_markup_close’, 15 );

    //* Remove the site description
    remove_action( ‘genesis_site_description’, ‘genesis_seo_site_description’ );

    //* Forms
    add_filter(“gform_confirmation_anchor”, create_function(“”,”return true;”));

    //* Register widget areas
    genesis_register_sidebar( array(
    ‘id’ => ‘home-top’,
    ‘name’ => __( ‘Home Top’, ‘agency’ ),
    ‘description’ => __( ‘This is the top section of the homepage.’, ‘agency’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘home-middle’,
    ‘name’ => __( ‘Home Middle’, ‘agency’ ),
    ‘description’ => __( ‘This is the middle section of the homepage.’, ‘agency’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘home-bottom’,
    ‘name’ => __( ‘Home Bottom’, ‘agency’ ),
    ‘description’ => __( ‘This is the bottom section of the homepage.’, ‘agency’ ),
    ) );




    Okay, I don’t see anything there that should be preventing the menu from showing up. Does it show up at all when you assign it as the primary or secondary navigation? If it’s just in the wrong place, we can move it, but if it’s not showing up at all, something is definitely wrong.

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+



    The navigation is visble no. Because the agnecy pro navigation was 2 sentences it was behind this navigation and not visible). But now it is too close to the top. What should i do to reposition it so it is possible to read it?



    This reply has been marked as private.


    Thanks, that worked. Only if i want to change the hight of the main nav to have less padding I also change the padding of menu next to the logo. How can i just chage the padding of the main nav?


Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.