Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Put search and cart icons in mobile navigation menu?


Recommended Posts

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!

Screen Shot 2020-11-20 at 1.45.04 PM.png

Screen Shot 2020-11-20 at 1.45.26 PM.png

Link to post
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
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>

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
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!

Screen Shot 2020-12-07 at 11.26.32 AM.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...