JSFiddle - React, Tailwind, and code Playground

HTML

<span class="windowWidth">window Width <span></span></span>
<nav>
	<ul class="nav">
		<li>
			<a class="active" href="#">Lorem</a>
			<ul class="nav">
				<li>
					<a class="active" href="#">Ipsum</a>
				</li>
				<li>
					<a href="#">Dolor</a>
				</li>
				<li>
					<a href="#">Sit amet</a>
				</li>
			</ul>
		</li>
		<li>
			<a href="#">Consetetur</a>
			<ul class="nav">
				<li>
					<a class="active" href="#">Ajurada</a>
				</li>
				<li>
					<a href="#">Dos Santos</a>
				</li>
				<li>
					<a href="#">Domingos</a>
				</li>
			</ul>
		</li>
	</ul>
</nav>

JavaScript

$( window ).resize(function() {
	var wW = $(window).width();
	$('.windowWidth span').html(wW);
	if(wW < 710) {
		$('nav ul.nav > li > a').on('click',function(e){
			e.preventDefault();
            alert("here");
		});
	} else {
		$('nav ul.nav > li > a').on('click',function(e){
	        alert("there");
		});
	}
});