How to move last navigation item to far right of screen

Hi! 

I have used CSS to make the final navigation item a button as my client asked. 

Now, I need to move this button ("RESIDENT ARTIST") to the far right of the screen. Screenshot attached. 

Is there some CSS to achieve this?

Link: https://carillon-bluebird-kyb6.squarespace.com/ 

Password: lana

Many thanks, 

Poppy

On 3/4/2023 at 7:06 PM, PoppyShotts said:

Hi! 

I have used CSS to make the final navigation item a button as my client asked. 

Now, I need to move this button ("RESIDENT ARTIST") to the far right of the screen. Screenshot attached. 

Is there some CSS to achieve this?

 

Link: https://carillon-bluebird-kyb6.squarespace.com/ 

Password: lana

 

Many thanks, 

Poppy

 

 

It requires javascript code to move it to the right navigation. Which plan are you in?

Hi everybody, how do I move two items from the navigation bar?

I've followed the guide as you posted, I've managed to move the "ENG" link but I want to move also the "ITA" Link, right next to the ENG. Is there a way to do it?

On 5/3/2023 at 8:32 PM, Zenocavallari said:

Hi everybody, how do I move two items from the navigation bar?

I've followed the guide as you posted, I've managed to move the "ENG" link but I want to move also the "ITA" Link, right next to the ENG. Is there a way to do it?

What is your site url? We can check easier

8 hours ago, tuanphan said:

What is your site url? We can check easier

Sure thanks! 

www.cantinalepietre.com

On 5/6/2023 at 9:54 AM, tuanphan said:

What is your site url? We can check easier

I see you solved it?

solved!

this is the code I used:

/* move nav last two items to right */
nav.header-nav-list>div:nth-last-child(1),
nav.header-nav-list>div:nth-last-child(2) {