For formatting purposes I’m putting this as an answer. Your scripts should look like this at the bottom and there should be no scripts in the head
:
<!-- Scripts -->
<script src="https://stackoverflow.com/questions/34125427/assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/jquery.dropotron.js"></script>
<script>
$(function() {
// Note: make sure you call dropotron on the top level <ul>
$('#nav > ul').dropotron({
offsetY: -10 // Nudge up submenus by 10px to account for padding
});
});
</script>
<script src="assets/js/main.js"></script>
By the way, your <--[if lte blah]
didn’t have the closing angle bracket >
all the way at the end
3
solved Can’t get dropotron script to work properly [HTML/CSS/JavaScript]