> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/basics/header-variations.md). # Header Variations Go to your administrator >> templates >> Edit your style. Click on Template Options >> Header menu on left sidebar. You will see Header Configuration. Here you can set your preferences for the template header (Logo, Menu and Menu Elements). ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fx0Ue4ZjOfK8JjqwV5eiY%2Fheader-options1.jpg?alt=media\&token=dbd95a55-8e98-4cb3-9947-c745992ee507) ### Header Mode ​There are 3 header modes which are Horizontal, Stacked, and Sidebar. ![ ](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FHzXVO33JHCMDR9uAojjX%2Fheader-mode.jpg?alt=media\&token=c2fde8fb-39bd-4533-8a6b-e7adff04b854) ### Horizontal Menu Mode When you select Horizontal mode then Horizontal Menu mode will appear with 3 options (Left, Center and Right) ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FxUypJ3J4lQjyHAeHCiAf%2FHorizontal%20Menu%20Mode.jpg?alt=media\&token=de60e6da-1876-4d0f-95d2-fac94c5e952d) #### **Horizontal Menu Left** Select Left option will display header as image below: ![ Horizontal Menu Center ](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FDfsZQlXMcgFuZlUiC0FO%2FHorizontal%20Menu%20Left.jpg?alt=media\&token=e77a6f56-7ee9-46d8-9780-c2d913425bda) #### **Horizontal Menu Right** Select Right option will display header as image below: ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FOyjTY2IFeS23VS85GMnU%2FHorizontal%20Menu%20Right.jpg?alt=media\&token=2021ddce-48cc-44fe-af7a-71387928e420) ### Stack Menu Mode When you select Stacked mode then Stacked Menu mode will appear with 3 options (Stack Center, Stack Separated and Stacked Divided) ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FwE55xWrb72TYpAhUNzXb%2FStack%20Menu%20Mode.jpg?alt=media\&token=25777b61-5c90-4548-af01-47b062f65494) #### **Stacked Center** Select Stacked Center option will display header as image below: ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FodUuWRHIfpp97fQMzboZ%2FStacked%20Center.jpg?alt=media\&token=c15016c4-4860-4845-8ac1-0d01b2394fbe) #### **Stacked Separated** Select Stacked Separated option will display header as image below: ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FJ8Iir5cfiG1KBoa8eFrL%2FStacked%20Separated.jpg?alt=media\&token=3b065454-b91e-4809-aca9-721a855434c2) **Stacked Divided** Select Stacked Divided option will display header as image below: ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FlKle0KJ3lBN9OeqNIIwa%2FStacked%20Divided.jpg?alt=media\&token=2923eeb9-6ed3-4b17-b587-9e1ce1dca346) ### Sidebar Mode There are 2 types of sidebar headers: left sidebar and right sidebar ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F5o4pQ8fU07neMzltLHIT%2Fsidebar-menu-mode.jpg?alt=media\&token=86f7f346-1ab5-45f1-afc4-7e0e63b7c81f) #### Sidebar Menu Left ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fh3OUNaGyNixyYJGagBPg%2Fsidebar-left.jpg?alt=media\&token=007d0ab2-ff24-4ca8-8ae1-f6a940f68558) #### Sidebar Menu Right ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fbe2q670elsyLt6UxlpEM%2Fsidebar-right.jpg?alt=media\&token=b365f0a8-3742-44d8-8a29-f72428db9d73) ### Sticky Header Here you can select the type of the Sticky Header for desktop view, tablet view and mobile view. ![](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FPfRiBifUP0g3hoAvnGjQ%2Fsticky-header.jpg?alt=media\&token=a11dea5b-b155-4396-9ed5-d57aafb7c44b)