# How to Change the Navigation Bar Design?

To change the navigation design, the following steps are needed to be done.

1. On the Advanced Editor page, hover and click on the current navigation bar. A pop-up window for **"NAVIGATION CONTENT"** will then appear. (Please see the image below.)

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FcrxAGbvJvrKHOEX4s5WL%2Fimage.png?alt=media&#x26;token=efa60c91-5511-47f5-b67f-6d99c5f61b03" alt=""><figcaption></figcaption></figure>

2. Click the **"DESIGN"** tab. You should then see the **"NAVIGATION DESIGN"** box shown below.

<figure><img src="https://813547763-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiPhRDfcPxcS1rIzvmNHd%2Fuploads%2FsECGtAkxvWu6e7XCt3yk%2Fimage.png?alt=media&#x26;token=8023a4a5-2d86-4fd6-9e78-d148dbb82732" alt=""><figcaption></figcaption></figure>

3. From here, you may now edit the layout of the navigation page.
