Disable menu dropdown in js and html

243
July 24, 2017, at 5:57 PM

I had downloaded a html responsive template . In that the desktop view is ok but the mobile browser view is showing the heading menu in a dropdown menu. I found the js script responsible for it.But when i delete that part the menu itself goes away but nothing changes in the desktop view.Please help me to make the dropdown menu into a simple menu.?!

The code for html menu is

<!-- Begin Menu -->
    <div id="menu-wrapper">
        <div id="menu" class="menu">
            <ul id="tiny">
                <li class="active"><a href="index.html">Blog</a>
                    <ul>
                        <li><a href="post.html">Blog Post</a></li>
                    </ul>
                </li>
                <li><a href="page-with-sidebar.html">Pages</a>
                    <ul>
                        <li><a href="page-with-sidebar.html">Page With Sidebar</a></li>
                        <li><a href="full-width.html">Full Width</a></li>
                    </ul>
                </li>
                <li><a href="typography.html">Styles</a>
                    <ul>
                        <li><a href="typography.html">Typography</a></li>
                        <li><a href="columns.html">Columns</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
    <!-- End Menu -->

The code for js script is

/*!
 * SelectNav.js (v. 0.1)
 * Converts your <ul>/<ol> navigation into a dropdown list for small screens
 */window.selectnav=function(){"use strict";var a=function(a,b){function l(a){var b;a||(a=window.event),a.target?b=a.target:a.srcElement&&(b=a.srcElement),b.nodeType===3&&(b=b.parentNode),b.value&&(window.location.href=b.value)}function m(a){var b=a.nodeName.toLowerCase();return b==="ul"||b==="ol"}function n(a){for(var b=1;document.getElementById("selectnav"+b);b++);return a?"selectnav"+b:"selectnav"+(b-1)}function o(a){i++;var b=a.children.length,c="",k="",l=i-1;if(!b)return;if(l){while(l--)k+=g;k+=" "}for(var p=0;p<b;p++){var q=a.children[p].children[0],r=q.innerText||q.textContent,s="";d&&(s=q.className.search(d)!==-1||q.parentElement.className.search(d)!==-1?j:""),e&&!s&&(s=q.href===document.URL?j:""),c+='<option value="'+q.href+'" '+s+">"+k+r+"</option>";if(f){var t=a.children[p].children[1];t&&m(t)&&(c+=o(t))}}return i===1&&h&&(c='<option value="">'+h+"</option>"+c),i===1&&(c='<select class="selectnav" id="'+n(!0)+'">'+c+"</select>"),i--,c}a=document.getElementById(a);if(!a)return;if(!m(a))return;document.documentElement.className+=" js";var c=b||{},d=c.activeclass||"active",e=typeof c.autoselect=="boolean"?c.autoselect:!0,f=typeof c.nested=="boolean"?c.nested:!0,g=c.indent||"→",h=c.label||"- Navigation -",i=0,j=" selected ";a.insertAdjacentHTML("afterend",o(a));var k=document.getElementById(n());return k.addEventListener&&k.addEventListener("change",l),k.attachEvent&&k.attachEvent("onchange",l),k};return function(b,c){a(b,c)}}();

 /*-----------------------------------------------------------------------------------*/
/*  SELECTNAV
/*-----------------------------------------------------------------------------------*/
window.$ = jQuery;
$(document).ready(function() {
    selectnav('tiny', {
        label: '--- Navigation --- ',
        indent: '-'
    });
});
READ ALSO
:not(:empty):first-of-type doesn&#39;t work? [duplicate]

:not(:empty):first-of-type doesn't work? [duplicate]

This question already has an answer here:

248
how to make a hover javascript function to auto play

how to make a hover javascript function to auto play

How can I make a hover javascript function to auto play?

252
click then unclick jquery button not working

click then unclick jquery button not working

I'm trying to make a button which on one click it changes it's color, and on another click it returns to it's original formsomething like clicked and unclicked

262
JavaScript code works in localhost but not in live site?

JavaScript code works in localhost but not in live site?

I have a problem with my code working on localhost but not when I upload it to the serverI am trying to do a sort of one over the other images with a mark on each-when the mark is clicked there is a sort of a zoom effect and you get to the image below

136