CSS/JQuery - Show / Hide Upon Page Width Problem

Hiya Everyone,

A little first look at my upcoming website for those viewing this thread, however I’m having a little problem with a bit of styling I’m programming for it.


Change your width and you’ll see the smaller menu, expand and you’ll see the first menu, however my onClick function to show the list for the smaller menu, upon sliding back up,hides the list so I need some help with addign something to either my JQuery or css to reshow it again upon page resize on or above width: 835px

Best Regards,

Resolved and updated live view, I used the following;

$(window).resize(function() {
	var iw = $('body').innerWidth();
	if (iw > 834) {
		$('#TopNavList').css('display', 'block');
	} else {
		$('#TopNavList').css('display', 'none');