Changing "Sign In" on Bryant Template 7.0

Site URL: https://www.heyisawyourcommercial.com/

Hi, I have set up a Members Area on my client's site that was built in the 7.0 Bryant template. Can anyone tell me how I can move that from the very 1st navigation item to the very last? Also, how can I change the words "Sign In" to something else ... like "Log In".

Any help would be HUGELY appreciated!

Many thanks.

-Brian-

Add the following to Design > Custom CSS.

/* begin customer account sign in link change, uses LESS syntax */

  #mainNavigation,
  #mobileNavigation
  
    {
    
      display : flex;
      
      .user-account-link {
      
        order : 1;
        
        .unauth {
        
          visibility : hidden;
          
          &::before {
          
            content : 'Log In';
            visibility : visible;
            
            }
            
          }
          
        }
        
      }
      
  #mobileNavigation {
  
    flex-direction : column;
    
    .user-account-link {
    
      margin-top : 1em;
      order : 1;
      
      }
      
    }
    
  @media only screen and ( min-width : 641px ) {
  
    body:not( .force-mobile-nav ) .nav-wrapper nav > div:last-child > a {
    
      padding-right : 1em;
      
      }
      
    }
    
  /* end customer account sign in link change */

This is for v7.0 using the Bedford template family and specific to the poster's need.

Let us know how it goes.

Thanks Creedon! This solves the issue when the hamburger menu appears (mobile) but when viewed on a larger screen and the regular navigation appears the "Sign In" is still there and still the very first navigation item. Do you have a snippet of code that addresses that issue too? Again, thank you so much!

Quote

Do you have a snippet of code that addresses that issue too?

I have updated my code post.

You are awesome Creedon!!! Simply awesome!