How to make a 'Folder' in site header/navigation link to a page

Site URL: https://thedigitalgrowth.co

Hi there,

Currently, the folders within my site navigation don't direct anywhere when clicked. They currently act as just a field to hover, and select a page from the dropdown.

I would like to create a page, hidden from navigation, that this topline folder could point to when clicked. I don't want it to link to the first page in the dropdown, I'd rather create a page that users can be directed to once they click the topline folder.

How can this be implemented? (See attached, I'm referring to the section underlined in Red)

Thanks in advance!

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('a.header-nav-folder-title[href="/our-services"]').click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
  		$('a.header-nav-folder-title[href="/case-studies"]').click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
});
</script>

Replace google with new url

15 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('a.header-nav-folder-title[href="/our-services"]').click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
  		$('a.header-nav-folder-title[href="/case-studies"]').click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
});
</script>

Replace google with new url

Thank you, this is fantastic! Appreciate the help so much.