Jump to content

How do I add vertical bars ( | ) between navigation menu items? Version 7.0 Brine Template

Recommended Posts

  • Replies 2
  • Views 274
  • Created
  • Last Reply

Add the following to Design > Custom CSS.

body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item {

  margin-right: 0;
  
  }

body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item:after {

  content: '|';
  margin-left: 0.618em;
  margin-right: 0;
  
  }

body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item:last-child:after {

  display: none;
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
8 hours ago, creedon said:

Add the following to Design > Custom CSS.


body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item {

  margin-right: 0;
  
  }

body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item:after {

  content: '|';
  margin-left: 0.618em;
  margin-right: 0;
  
  }

body:not( .tweak-header-primary-nav-hover-style-button ) .Header-nav--primary .Header-nav-item:last-child:after {

  display: none;
  
  }

Let us know how it goes.

Thank you so much, creedon!  It worked perfectly :)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.