Apologies for not making an attempt just yet, but I'm struggling to locate what I need. Here's the menu structure in question:
<div class="overlay-navigation">
<nav role="navigation">
<ul class="test">
<li>
<a href="#" data-content=""></a>
</li>
<li><a href="#three" class="scrollTo" data-content="">tutorials</li>
<li><a href="" target="_blank" data-content="">my creations</a>
</li>
<li><a href="#four" class="scroll" data-content="">contact</a>
</li>
<li>
<a href="#" data-content=""></a>
</li>
</ul>
</nav>
</div>
On selecting "my creations," I envision a straightforward full-screen image carousel, gallery, or flexbox appearing (whichever seems more favorable) with easy-to-close functionality. I'd be grateful for any code snippets you can provide so I can personalize it according to my preferences – I intend to incorporate only about four images.