I have a website that uses the Solidarity template with the FlexSlider module on the first page. On the iPad and iPhone the drop down menus appear behind the images. This only occurs on mobile devices. I had to update some of the template files due to other issues but this was not happening before the updates. Can anybody suggest what I can add to resolve this? I have tried changing the z-index to set the slider to the back but that doesn't change things.
The website is http://www.bgcgm.org.uk