need to remove drop down category menu form navigation menu on Evolve theme

Hi,

I could see in following javascript, that Responsive Menu is being appended by default regardless of the screen size (it should be added only when your website is browsed through portable screen sizes).

https://yli-pembrokeshire.co.uk/wp/wp-content/themes/evolve/library/media/js/main.js?ver=4.2.3https://yli-pembrokeshire.co.uk/wp/wp-content/themes/evolve/library/media/js/main.js?ver=4.2.3https://yli-pembrokeshire.co.uk/wp/wp-content/themes/evolve/library/media/js/main.js?ver=4.2.3https://yli-pembrokeshire.co.uk/wp/wp-content/themes/evolve/library/media/js/main.js?ver=4.2.3v

Here is the code in question:

Create the dropdown base
	jQuery('<select />').appendTo('.primary-menu .nav-holder');

	// Create default option 'Menu'
	jQuery('<option />', {
		'selected': 'selected',
		'value'   : '',
		'text'    : '<span class="glyphicon glyphicon-align-justify"></span>'
	}).appendTo('.primary-menu .nav-holder select');

	// Populate dropdown with menu items
	jQuery('.primary-menu .nav-holder a').each(function() {
		var el = jQuery(this);

		if(jQuery(el).parents('.sub-menu .sub-menu').length >= 1) {
			jQuery('<option />', {
			 'value'   : el.attr('href'),
			 'text'    : '-- ' + el.text()
			}).appendTo('.primary-menu .nav-holder select');
		}
		else if(jQuery(el).parents('.sub-menu').length >= 1) {
			jQuery('<option />', {
			 'value'   : el.attr('href'),
			 'text'    : '- ' + el.text()
			}).appendTo('.primary-menu .nav-holder select');
		}
		else {
			jQuery('<option />', {
			 'value'   : el.attr('href'),
			 'text'    : el.text()
			}).appendTo('.primary-menu .nav-holder select');
		}
	});

	jQuery('.primary-menu .nav-holder select').ddslick({
		width: '100%',
	    onSelected: function(selectedData){
	    	if(selectedData.selectedData.value != '') {
	        	window.location = selectedData.selectedData.value;
	    	}
	    }
	});

Hope that helps.
Thanks,

Thanks for the reply – how do I fix it?

Thanks

Hi,

You will need to put the condition in Javascript (as I pasted above) for the screen size.

if(screen.availWidth <= 640 ) //select your desired screen size instead of 640

{ your code goes here. }

Thanks,

Hi thanks, but new to WP and this is beyond my skill set so no idea how to add JS and where. Thanks for your help anyway.

I am having the exact same issue. What part of “editor” does that script need to go into?

Hi Accuwebhosting

Have a buddy to help, but where in the file does it need to go?