Why don't Bootstrap dropdown navigation links work when flexslider is on the page

[Mary_8]

I have created a web site using bootstrap dropdown navigation. On my Gallery page and on three other pages I have used Flexslider to make a slideshow. On the pages where the slideshows are included the dropdown elements of the navigation bar don't work although the other links do work. I suspect it could be caused by a hierarchy of css but despite experiments I have failed to solve it. Can anyone advise me please?

http://www.warfieldpark.co.uk/pages/gallery.html

http://www.warfieldpark.co.uk/pages/lissett_redwood_details.html#

[osgood_ · Accepted solution]

Have you tried changing the jquery library from 1.6.2 (specifically on the Gallery page) to what you are using on the pages where the naviagtion does work?

On the Gallery page:

Change this:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

To this:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

<script src="http://www.warfieldpark.co.uk/js/jquery-1.11.3.min.js"></script>

See if that does anything.

[Mary_8]

That works perfectly - thank you so much! Every time I pose a question on this forum someone much cleverer than me manages to give me the answer!

[osgood_]

That works perfectly - thank you so much!

That's why knowing some coding can be quite useful, it comes in handy sometimes - as I keep on saying in this forum. Glad it worked for you.

[Mary_8]

I am on a steep learning curve but trying to absorb as much as I can. I am nervous about trying to be too adventurous because when I do it all goes pear-shaped!