Put search and cart icons in mobile navigation menu?

Site URL: https://goose-swordfish-amj3.squarespace.com/

Hello,

Our site title is a little long. With the cart, search and nav icons alongside it, the mobile header is very busy.

Is there a way to put these icons at the top of the mobile menu, so that the header only has the site title and the navigation icon?

I've attached images – the first is the busy header, the second is the mobile menu. We'd like the icons to appear above "Art Projects."

We're using Marta. Let me know if you need additional info. thanks!

Can you share access password?

On 11/21/2020 at 2:51 AM, tuanphan said:

Can you share access password?

"diane". Thanks!

On 11/24/2020 at 3:08 AM, mbdesigner said:

"diane". Thanks!

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
	$('[data-nc-container="top-right"]>a:nth-child(n+2)').insertAfter("nav.Mobile-overlay-nav.Mobile-overlay-nav--primary");
});
</script>

On 12/3/2020 at 4:58 AM, tuanphan said:

Add to Home > Settings > Advanced > Code Injection > Footer

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($) {
	$('[data-nc-container="top-right"]>a:nth-child(n+2)').insertAfter("nav.Mobile-overlay-nav.Mobile-overlay-nav--primary");
});
</script>

 

Thanks, but it didn't quite work. Got it on the menu, though!