The default user nav looks like this.

 

I want the user nav to look like this.

 

I think I can do it by hooking a rearranged user nav code to the user nav template in Dev mode and then using CSS to hide the original user nav. Is there another method I can use to achieve this mod?

@Ehren may be your best person to answer this, but that is certainly the way I would probably have gone about it

This will do it. Nice and simple 🙂 

/* Reverse user navigation */
.ipsUserNav--member{
    flex-direction: row-reverse;
}

 

^ this is why he is the designer lol

Great stuff. Thanks 🙏.