Cloned site okay but two errors appeared?

I cloned an existing site to make changes and was able to replace the old site with the new cloned copy, however for some reason the following two problems have occurred;

A). the 'search bar' at the top no longer works (takes you to the search results which indicates 'no such product' unless you re-enter your query within the actual 'search criteria' and press the search button and then it shows up?).

B). Also I now have a scroll bar to the right of each line item shown on each category page?

Example of both problems here;

http://www.mwacsn.com/index.php?route=p ... ch=csnw105

I have searched the forums and other sources but fiddling with the 'common.js' file for 'A' and fiddling with the '.css' for 'B' makes no difference in either case above? I have even uploaded the 'original 'common.js' and '.css' ' O/C files for both and still no change? No clue as to what to do to restore. Sure could use the help to resolve.

To fix search bar issue you may edit HEADER.TPL and move following code just before </head>

<script type="text/javascript">
$(document).ready(function() {
/* Search */
$('.button-search-mobile').bind('click', function() {
url = $('base').attr('href') + 'index.php?route=product/search';

var search = $('#search_mobile input').attr('value');

if (search) {
url += '&search=' + encodeURIComponent(search);
}

location = url;
});
});
</script>

The problem is you'r calling JQUERY ready function before including JQUERY in the document.

You see horizontal scroll bar (in mobile view) due to the fact that some contents are not responsive and don't shrink to the screen size which are:

1) Site logo
2) Site footer

Although you can disable scroll bar by editing product.tpl but it's there to manage contents of product varying in size. So best way is to make logo and footer responsive too.

Thanks! But before making these changes as suggested I noticed that the code you provided as well as your second post both seem to reference a 'mobile' view or site? This problem is not a 'mobile' site but with the normal desktop site (opencart default template V1.5.6.4). I haven't made any changes from the original site which was working fine but once 'cloned' and uploaded the search does not work properly as well as the 'scroll bars' now appearing to the right of each item in a category page (as per the example page in the link above).

1) Search box issue
The suggested change is applicable both to desktop and mobile phone

2) Scroll bar issue
I see scroll bar only in mobile view, for me desktop view does not show any scroll bar (i'm using Google Chrome for desktop)

Thanks! 1). I'll go ahead with you're search box solution. 2). As for the scroll bar issue, you're right, when viewed in Firefox or Chrome it appears correct yet when viewed in I.E. the 'scroll bar issue' shows up? The odd thing is there was no 'scroll bar issue' when viewing the 'test' site in I.E.? This only occurred once it was moved to the proper URL (and no other changes had been made)?

Just reloaded the original Opencart 'header.tpl' file and the search box feature is now restored as well as the scrollbar issue in I.E.? Strange indeed. Thanks for your help, much appreciated.