# Change navigation width

**URL:** <https://community.cumulocity.com/t/change-navigation-width/1189>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [July 17, 2024, 10:11am UTC](https://community.cumulocity.com/t/change-navigation-width/1189 "2024-07-17T10:11:46Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![hgansmueller](https://avatars.discourse-cdn.com/v4/letter/h/91b2a8/32.png) [@hgansmueller](https://community.cumulocity.com/u/hgansmueller)\
**Post date:** [July 17, 2024, 10:11am UTC](https://community.cumulocity.com/t/change-navigation-width/1189/1 "2024-07-17T10:11:46Z")

</div>

#### _ **Product/components** used and **version/fix** level:_

1018.503.106

#### _Question related to a **free trial** , or to a **production (customer)** instance?_

production

#### _Detailed explanation of the problem:_

Hello community,  
is it possible to change the navigator with using RestAPI?  
I found a managedObject from type “brandingVariables” There is a fragment “c8y\_less\_variables”. Is it possible to add new key-value to change the navigator width?

thx for your help 🙂

greets

Helmut

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [July 17, 2024, 11:26am UTC](https://community.cumulocity.com/t/change-navigation-width/1189/2 "2024-07-17T11:26:00Z")

</div>

Hi @hgansmueller,

You can in general provide some custom CSS via your tenants branding that could potentially also allow you to adjust the width of the navigator.  
The default branding manager does not allow to provide custom CSS as of now, so you would need to upload your branding manually, see: [GitHub - Cumulocity/ui-customization: Cumulocity IoT UI customization](https://github.com/Cumulocity/ui-customization) for an example.  
You could then define the [extraCssUrls](https://resources.cumulocity.com/documentation/websdk/ngx-components/classes/ApplicationOptions.html#extraCssUrls) variable in the `options.json` to point to your custom CSS.

Extending the navigator width is nothing we officially support. So what ever you might do to extend the width could potentially break with an upcoming newer version.

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![hgansmueller](https://avatars.discourse-cdn.com/v4/letter/h/91b2a8/32.png) [@hgansmueller](https://community.cumulocity.com/u/hgansmueller)\
**Post date:** [July 18, 2024, 5:36am UTC](https://community.cumulocity.com/t/change-navigation-width/1189/3 "2024-07-18T05:36:13Z")

</div>

Hi Tristian,

thx 🙂

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [January 14, 2025, 5:37am UTC](https://community.cumulocity.com/t/change-navigation-width/1189/4 "2025-01-14T05:37:06Z")

</div>

Closed on January 14, 2025, 5:37am UTC

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