Jump to content

Nav bar spacing

Recommended Posts

Hi there,

The spacing of the "Contact" option on my nav-bar is uneven. I think this is because of some CSS I added to stop icons moving when they bolden with hover. Would appreciate it if anyone had a suggestion for making it even. https://www.sashacoalition.org/


Here's the CSS I added:

/* Adjust the position of the dropdown */
.header-nav-folder-content {
  position: absolute;
  left: 50% !important;
  right: unset !important;
  -webkit-transform: translatex(-50%);
  -o-transform: translatex(-50%);
  transform: translatex(-50%);
  background: white !important;

div.header-nav-item>a:after, span.header-nav-folder-item-content:after {
    content: attr(data-text);
    content: attr(data-text) / "";
    height: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    display: inline-block;
    font-weight: bold;

/*bold on hover nav bar*/
div.header-nav-item>a:hover, span.header-nav-folder-item-content:hover {
    font-weight: bold;

Link to comment
  • Replies 1
  • Views 176
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.