Hi. I'm going a bit loopy. Probably beeen looking at code too long but just cant see what the problem is. My drop down menue for mobile users/small screens displays and nearly works, its just the links in it dont seem to register.
I tried relative and full urls and other tests but ive drawn a bit of a blank
its the bit im concerned with
<div id="header"> <div class="container"> <!-- Header | Logo, Menu ================================================== --> <div class="logo"><a href="../index.html"><img src="../images/logo.png" alt="" /></a></div> <div class="mainmenu"> <div id="mainmenu"> <ul class="sf-menu"> <li><a href="../index.html">Home</a></li> <li><a href="../art.html" id="visited">Art</a> <ul> <li><a href="print_test2.html">Buy Prints</a></li> <li><a href="#">Buy Art</a></li> <li><a href="../art.html">Sold Art</a></li> <li><a href="../commissions.html">Commission art</a></li> </ul> </li> <li><a href="../artist.html">Artist</a> <ul> <li><a href="../artist.html">About</a></li> <li><a href="../exhibitions.html">Exhibition list</a></li> </ul> </li> <li><a href="../testimonials.html">Testimonials</a> <li><a href="../blog.html">Blog</a></li> <li><a href="../contact.html">Contact</a></li> </ul> </div> <!-- mainmenu ends here --> <!-- Responsive Menu --> <form id="responsive-menu" action="#" method="post"> <select> <option value="">Navigation</option> <option value="http://www.mundyart.co.uk">Home</option> <option value="../../art.html">Art</option> <option value="print_test2.html">Buy Prints</option> <option value="#">Buy Art</option> <option value="../../art.html">Sold Art</option> <option value="../../commissions.html">Commission art</option> <option value="../artist.html">Artist</option> <option value="../about.html">About</option> <option value="../exhibitions.html">Exhibition list</option> <option value="../testimonials.html">Testimonials</option> <option value="../blog.html">Blog</option> <option value="../contact.html">Contact</option> </select> </form> </div> <!-- mainmenu ends here --> </div> <!-- container ends here --> </div>
Links not working in drop down menu
BTW, The specific page in question is at www.mundyart.co.uk/2/galleries/art_test2.html (though other pages on this test site have differing navigation links im working on).
Bear in mind its just the 'Navigation' drop down menu im worried about not the other header links seen on larger screens
Without deep digging ...
It appears that your relative addresses for scripts is incorrect. This page is two levels down from root, yet the addresses you source for the scripts is yet another level down when you (probably) mean to be down one from root.
My tests show that none of the scripts load.
From the source,
<script src="js/superfish.js" type="text/javascript"></script>
which is resolved as
http://www.mundyart.co.uk/2/galleries/js/superfish.js.
I'm betting the scripts are here
http://www.mundyart.co.uk/2/js/...
gary
Addendum: Edit the script source and menu works. ~g
One more thing
Maybe I'm old fashioned, but if a page doesn't work on its own, without javascript or styles, it is a failure. A web page should degrade gracefully. It may look clumsy, but it should always work
gary