> For the complete documentation index, see [llms.txt](https://docs-jumbo-react.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-jumbo-react.g-axon.work/settings/customizing-layout-1/horizontal-layout.md).

# Horizontal Layout

To set the Horizontal Layout, you need to go to:

`src/reducers/Settings.js`

In this file, you can look for "navigationStyle" property and set the value to "HORIZONTAL\_NAVIGATION".

After selecting the Horizontal Layout, if you want to set the Navigation bar of your choice, then you need to go to:

`src/reducers/Settings.js`

In this file, you can look for "horizontalNavigation" property and set the value as per your choice.

The options for horizontalNavigation property are:-

* INSIDE\_THE\_HEADER - for Inside Header Navigation Bar
* ABOVE\_THE\_HEADER - for Above Header Navigation Bar
* BELOW\_THE\_HEADER - for Below Header Navigation Bar