# How to change UI of the Kibana like Kibana icon, Title, Left navigation in version 7.6. Is it possible to do so?

**URL:** https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748
**Category:** Kibana
**Created:** [March 30, 2020, 8:19pm UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748 "2020-03-30T20:19:49Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![pranay\_bhatnagar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/pranay_bhatnagar/32/64501_2.png) [@pranay\_bhatnagar](https://discuss.elastic.co/u/pranay_bhatnagar)
#### Post date: [March 30, 2020, 8:19pm UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748/1 "2020-03-30T20:19:49Z")

</div>

How to change UI of the Kibana like Kibana icon, Title, Left navigation in version 7.6. Is it possible to do so ?

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [March 31, 2020, 8:49am UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748/2 "2020-03-31T08:49:58Z")

</div>

Hi @pranay_bhatnagar,

that's currently not possible without forking Kibana and changing the source code directly.

An issue tracking the general feature request can be found here: [https://github.com/elastic/kibana/issues/17879](https://github.com/elastic/kibana/issues/17879)

---

<div class="post-metadata">

### Author: ![pranay\_bhatnagar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/pranay_bhatnagar/32/64501_2.png) [@pranay\_bhatnagar](https://discuss.elastic.co/u/pranay_bhatnagar)
#### Post date: [April 1, 2020, 8:24pm UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748/3 "2020-04-01T20:24:50Z")

</div>

Tell me how to change it from the source code directly.

Kindly provide with the steps to follow

---

<div class="post-metadata">

### Author: ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)
#### Post date: [April 2, 2020, 7:17am UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748/4 "2020-04-02T07:17:18Z")

</div>

That's a complex thing to do and out of scope for the forum format. To get started follow the steps outlined here - [https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#setting-up-your-development-environment](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#setting-up-your-development-environment)

This will give you a local development environment for Kibana, you now can edit files, reload the browser and check the updated version. You will have to learn how React and Typescript works to do changes. As a starter, the left navigation is defined in [https://github.com/elastic/kibana/blob/master/src/core/public/chrome/ui/header/nav\_drawer.tsx](https://github.com/elastic/kibana/blob/master/src/core/public/chrome/ui/header/nav_drawer.tsx)

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [April 30, 2020, 7:17am UTC](https://discuss.elastic.co/t/how-to-change-ui-of-the-kibana-like-kibana-icon-title-left-navigation-in-version-7-6-is-it-possible-to-do-so/225748/5 "2020-04-30T07:17:19Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
