I seem to have two conflicting jquery files on my website

Hi guys,

I hope you are all having a good weekend.

I am attempting my first bootstrap of an eccomerce site and I have worked through most of the home page. It's definitely needs some compacting to bring down the file sizes but as it's my first real attempt I'm really quite happy with it at the moment.

Here is the site:
http://bubbleweb.eu/cop/index.html

I have one major issue... I went to do some testing yesterday on my iphone yesterday and realised I couldn't scroll down the page.

I spent a few hours trying to narrow down what the issue may have been and have come to the conclusion that that it's due to me running two different jquery files to control various things.

The conflict is between these two files:

http://bubbleweb.eu/cop/includes/js/jquery-1.8.2.min.js (controls various jquery slideshows and roillovers etc)

and an external file at
https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js (enables the slide from left collapse menu on the small devices)

Basically, if I delete the first one the website does not scroll but the menu works and if i delete the second one then it does scroll but the menu doesn't work.

I've tried combining the two files and that didn't help. I was wondering if anyone on here with a bit more experience than me, might be able to shed some light on what I might be doing wrong?

Massive thanks in advance,
Jamie

 

How are you testing it? Both narrow browser and scroll down the page works fine for me on Windows 8 latest Chrome.