Menu bar and search widget

Travelify
1

How to insert the search widget at right into the menu bar in Travelify theme ?

2

Add this to header-extensions.php file which you can find on theme folder - library - structure. Add this code right after wp_nav_menu( $args ); on line 244/245.

get_search_form();

Afterwards you will have to slightly redesign this search field by adding this to Theme Options - Other - Custom CSS.

input.s {
    float: right;
    width: 150px;
    padding: 3px;
    margin-top: 5px;
}
3

the input in the header extension doesn’t work, it is written below :

if ( has_nav_menu( ‘primary’ ) ) {
$args = array(
‘theme_location’ => ‘primary’,
‘container’ => ‘’,
‘items_wrap’ => ‘<ul class=“root”>%3$s’
);
echo ‘<nav id=“main-nav” class=“clearfix”>
<div class=“container clearfix”>’;
wp_nav_menu( $args );
get_search_form();
echo ‘</div><!-- .container →
</nav><!-- #main-nav -->’;
}
else {
echo ‘<nav id=“main-nav” class=“clearfix”>
<div class=“container clearfix”>’;
wp_page_menu( array( ‘menu_class’ => ‘root’ ) );
echo ‘</div><!-- .container →
</nav><!-- #main-nav -->’;
}

4

on the screen I only have a small blanc square and no more the search widget I put in the right sidebar.

and even with the input in the Custom css, the search window doesn’t go to the right, even if I put with:300px; nothing changes.

What can I do?

5

Please post your website URL and will try to help styling your search form properly. It is hard to know what is missing without actually investigating the code.

6

I can’t post my website url because it’s just in local for the moment.

but I have resolved the problem.
instead to put the information in Custom css, I tried in the style.css and it works.

thanks for the help anyway.