Jump to content

Right Align Specific Navigation Link

Recommended Posts

Hi! I am trying to right align a single navigation link, the one that says 'Info'. I want to preserve the work link on the left. Here's what I have, but it's not working. Any ideas why? 

.header-nav-item a {
  	text-align: left auto !important;
  	text-orientation: upright;
  	writing-mode: vertical-lr;
    letter-spacing: -0.1em;
}

.header-nav-item a[href="/info"] {
  	text-align: right auto !important;
  	text-orientation: upright;
  	writing-mode: vertical-lr;
    letter-spacing: -0.1em;
}

 

Screen Shot 2020-08-03 at 1.45.36 PM.png

Link to comment
  • Replies 3
  • Views 460
  • Created
  • Last Reply

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.