VMC search on header menu
Hi Mohsin,
How do I add the VMC search bar into the header alongside my header menu?
I was looking at the code offered in the help section in the Vantage Plugins Option, but problem is I can't find the exact php codes in my header.php. I am using Vantage Directory child theme.
Below are the entire codes from the header.php page:
<div class="borderus" >
<div id="main-navigation" class="container">
<div class="row">
<div id="rounded-nav-box" class="rounded">
<div id="rounded-nav-box-overlay">
<div class="layout-head" >
<div class="socio">
<ul>
<?php if( !get_option( "twitter_id") ) { } else { ?>
<li class="twito"><a target="_blank" href="http://www.twitter.com/<?php echo get_option('twitter_id'); ?>"></a></li>
<?php } ?>
<?php if( !get_option( "facebook_id") ) { } else { ?>
<li class="facebook"><a target="_blank" href="http://www.facebook.com/<?php echo get_option('facebook_id'); ?>"></a></li>
<?php } ?>
<?php if( !get_option( "linkedin_id") ) { } else { ?>
<li class="linkedin"><a target="_blank" href="http://www.linkedin.com/<?php echo get_option('linkedin_id'); ?>"></a></li>
<?php } ?>
<?php if( !get_option( "gplus_id") ) { } else { ?>
<li class="google"><a target="_blank" href="http://plus.google.com/<?php echo get_option('gplus_id'); ?>"></a></li>
<?php } ?>
<?php if( !get_option( "feedburner_url") ) { ?>
<li class="rss"><a href="<?php echo appthemes_get_feed_url(); ?>"></a></li>
<?php } else { ?>
<li class="rss"><a target="_blank" href="<?php echo get_option('feedburner_url'); ?>"></a></li>
<?php } ?>
</ul>
</div>
<div class="loga" >
<?php VT_login_head(); ?>
</div>
<div class="disol"></div>
<?php va_display_navigation_menu(); ?>
</div>
</div>
</div>
<div class="doublehead">
<div class="layout-head" >
<div id="masthead" class="container">
<div class="row">
<hgroup>
<div class="logo">
<?php jt_display_logo(); ?>
</div>
<?php if ( false !== apply_filters('va_show_search_controls', true ) ) : ?>
<form class="mainsearch" method="get" action="<?php echo trailingsla****( home_url() ); ?>">
<div id="main-search">
<div class="search-for">
<label for="search-text">
<span class="search-title"><?php _e( 'Search For ', APP_TD ); ?></span>
<?php do_action('va_search_for_above'); ?>
<?php if ( $va_options->events_enabled ) { ?>
<?php } else {?>
<style>.search-for {margin-top: 3px; }</style>
<?php }?>
</label>
<div class="">
<div class="mid h39">
<input type="text" name="ls" id="search-text" class="text" value="<?php va_show_search_query_var( 'ls' ); ?>" />
</div>
<div class="text-search"><?php echo stripslashes(get_option('hint_search')) ?></div>
</div>
</div>
<div class="search-location">
<label for="search-location">
<span class="search-title"><?php _e( 'Near ', APP_TD ); ?></span><span class="search-help"><?php _e( '(city, country)', APP_TD ); ?></span>
</label>
<div class="">
<div class="mid h39">
<input type="text" name="location" id="search-location" class="text" value="<?php va_show_search_query_var( 'location' ); ?>" />
</div>
</div>
</div>
<div class="search-button">
<button type="submit" id="search-submit" class="rounded-small"><?php _e( 'Search', APP_TD ); ?></button>
</div>
</div>
<?php the_search_refinements(); ?>
</form>
<?php endif; ?>
</hgroup>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="headerbot"></div>
</div>
<div class="doubleheads"><div class="overhead">
<div class="layout-head" >
<?php
// switch the type of the slider to display.
switch (get_option('enable_featured_main')) {
case "No Slider": break;
case "Listings slider": if ( is_front_page() ) {
get_template_part( 'featured', 'slider' );
}
else {}
?>
<?php break;
case "Events slider": ?>
<?php if ( is_front_page() ) {
get_template_part( 'events', 'featured' );
}
else {}
?>
<?php break;
}
?>
<?php
if ( is_front_page() ) {?>
<?php } else { ?>
<div id="breadcrumbs" class="container">
<div class="row">
<?php breadcrumb_trail( array(
'separator' => '»',
'show_browse' => false,
'labels' => array(
'home' => '<img src="' . get_template_directory_uri() . '/images/breadcrumb-home.png" />',
),
) ); ?>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
<div class="layout">
Please enlighten me where to add that one-line code to make the search bar appear next to my header menu.
Thanks!
Regards,
Quibby