Reply To: Placing search box in main menu

Ernest Marcinko
Ernest Marcinko


Based on the header file I would try the following:

1. Place the search shortcode after line 107, after the navigation:

	 </nav><!-- #kids_main_nav -->

          <?php echo do_shortcode('&#91;wpdreams_ajaxsearchpro_results id=1 element="div"&#93;'); ?>
</div><!--/ .l-page-width-->

2. Reduce the width of the box to 190 pixels, because it won’t fit there. On the search back-end Theme Options -> Overall Box Layout panel, first option.

3. With a custom CSS code, adding floating right property to the search container to position next to the menu:

.asp_main_container {
    float: right;

This will put the search box most likely to the left, as the menu floats to the right sooner. If you want to switch the position of the menu and the search, then try this custom CSS code to float the menu to the left side:

nav#kids_main_nav {
    float: left !important;

This is just a quick suggestion, the final solution might need a bit more CSS code 🙂

Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)