Hello front menu?

Hello I notice with intro there is not the standard menu? is there a way to add a basic links menu where u can easily see it on all pages?

Hi, there is no top menu in Intro theme, but you can register new navigation menu if you are fairly familiar with WP functions. I can make modifications for Top Menu with basic styling if you want?

Hello

Yes, is it possible to have the menu in the top black bar (top menu) instead of the side bar?

Thank you very much for your work, the theme is amazing :slight_smile:

NoƩ

Hi, for this kind of change you should use child theme since changes will be lost on next theme update.

  1. In functions.php add top menu, change this line:
register_nav_menus( array(
		'primary' => __( 'Primary Menu', 'intro' ),
		'social' => __( 'Social', 'intro' )
	) );

to:

register_nav_menus( array(
		'primary' => __( 'Primary Menu', 'intro' ),
		'social' => __( 'Social', 'intro' ),
		'top' => __('Top Menu', 'intro')
	) );
  1. In header.php replace all header with code below:
<header class="header-fixed">
		<div class="site-branding">
			<?php if ( get_theme_mod('site_logo') ) : ?>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><img class="site-logo" src="<?php echo esc_url(get_theme_mod('site_logo')); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
			<?php else : ?>			
				<h1 class="site-title logo"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_html( get_bloginfo( 'name', 'display' ) ); ?></a></h1>
				<h2 class="site-description"><?php echo esc_html(bloginfo( 'description' )); ?></h2>
			<?php endif; ?>
			<?php if ( has_nav_menu( 'top' ) ) : wp_nav_menu( array(
			        'theme_location' => 'top',
			        'container_class' => 'top-menu',
			        'depth'           => 1,
			        'fallback_cb' => false ) );
	        endif;
	        ?>
		</div>
	</header>
  1. Add custom css styling for the menu:
.top-menu ul {
    margin-left: 0;
}

.top-menu ul li {
    list-style: none;
    float: left;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.top-menu ul li a {
    color: #fff;
}

.top-menu ul li a:hover {
    text-decoration: underline;
}

After all this you will get one level top menu with basic styling, and this is best I can do for you :slight_smile: