Search Bar

Hello Farrah,

This can be done but it will come with a cost. Our search widget uses a live ajax search that returns results live inside the box without having to click the search button. The live search will not be so easy to implement like you want as there is quite a bit of code that needs to be changed. We recommend hiring a developer for this task.
There is an alternative however. You could add the standard wp search box (it looks the same) only there will not be a live search, so people will have to click the search button in order to get results.
For this you will have to first remove the theme search widget and add the wp one like so:
You need to edit header-menu.php and change the search part of the code like so:
http://screencast.com/t/EwAqo2mjYrR8
Replace the code with this one:

<div class="td-search-wrapper">
    <div id="td-top-search">
        <!-- Search -->
        <div class="header-search-wrap">
<?php echo do_shortcode('[vc_wp_search]'); ?>
        </div>
    </div>
</div>

http://screencast.com/t/qobvZoKXqq

And then use this css for positioning:

#td-top-search{
width:30%!important;
}
@media (max-width:767px){
#td-top-search{
display:none!important;
}
}

Hope this helps.
Thank you!