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

Right Align Specific Navigation Link


Isha

Question

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 post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

Hi @tuanphan! Sorry to bother you, do you happen to know how to move the link? I tried manual transformX() which moves it but is not responsive based on the size of the screen. 

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