htmlcsssuperfish

Dropdown menu items hidden behind php include

I added a php include to a wordpress page for a hotel booking bar. The booking bar is now hiding my menu dropdown items

Here is a test page with the booking bar: http://www.claridge.com/test/

Here is a page without the bar so you can see the dropdowns: http://www.claridge.com/rooms/

I tried setting z-indexes, but that didn't work.

Any help would be appreciated!

Solution

  • You have a bunch of errors on your test page and that menu is run by script

    So something is wrong then it will not run

    Fix the below errors or go look at it on your own debug console 

    Failed to load resource: the server responded with a status of 404 (Not Found) http://www.claridge.com/resources/demos/style.css
Uncaught TypeError: Cannot read property 'msie' of undefined jquery.fancybox.js?ver=1.0:4
Uncaught TypeError: Cannot set property 'media' of undefined jquery.fancybox-media.js:39
Uncaught TypeError: Cannot set property 'thumbs' of undefined jquery.fancybox-thumbs.js:26
Uncaught TypeError: undefined is not a function jquery.fitvids.js?ver=1.0:78
Uncaught TypeError: Cannot read property 'msie' of undefined superfish.js?ver=1.0:63
Failed to load resource: the server responded with a status of 404 (Not Found) http://www.claridge.com/resources/demos/style.css

    For your script error try removing this line

    <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

    you prob need to use jQuery instead of $

    Also add alert();

    And if that is working then your code should be running

    You are also including many versions of jQuery