---
description: Guide on how to use Navigation Avatar shortcode
---

# Navigation Avatar

In the Navigation Avatar Shortcode, you can display and style the Avatar element.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGrVgp04tDZoPPWssmY%2F-MGrVtMg-gLGj5J9iQb7%2Fnavigation-avatar.jpg?alt=media\&token=78c6d392-d65d-4e22-804a-5a9078441445)

In the Avatar Style tab, you can change border-radius,  box-shadow, width, and height, as well as the position of the avatar.

![](https://1486114154-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lz6OF0whdfulTst_zqR%2F-MGmDbd_5xBwaDXHEPz_%2F-MGmp5GPTg3AixOz097J%2Favatar-style.jpg?alt=media\&token=fd913d7f-4a35-42aa-9387-a5bb752371a4)

{% hint style="info" %}
The **Avatar** element will be displayed only to **logged-in** users.
{% endhint %}
