Jump to content

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 comment
  • Replies 6
  • 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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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 comment
  • 8 months later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.