Reposition Log In

Hello everyone,

I need help with repositioning my Log in.

I would like the header to look like this if possible:

https://ptphotography.squarespace.com/shop

Thank you in advance!

Where is the current login link

Hey, thank you for reaching out @bangank36

This is what I have at the moment (before):

'After' is what I want to achieve.

Site link:
https://ptphotography.squarespace.com/shop

Thanks,
K

@media only screen and (min-width: 768px) {
  .header-display-desktop {
    	display: block;
  }  
  .header-actions--right {
        display: flex;
        text-align: right;
        margin-top: -20px;
    }
    .header-actions--right .user-accounts-link {
     	 display: inline-block;
    }
    .header-actions--right .showOnDesktop {
      	display: inline-block;
    }
  .header-actions-action--cart a.icon {
    	position: static;
  }
}

Wow, this is amazing @bangank36! How do I make the Login text capitalised? 

Try css text transform

@bangank36 tried this:   text-transform: lowercase !important;

Sorry it doesn't work for me 😬