Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Setting the navigation menu to permanently expanded

Updated on December 13, 2022

Create a better experience for users of assistive technologies by keeping the main navigation menu permanently expanded.

By default, the navigation menu on the right side of the screen is expandable, and collapses to display icons without labels when not in use. While this solution saves work space, it is not optimal for users who rely on voice commands or keyboard navigation. To help meet the needs of this audience, you can configure the menu to be permanently open.
  1. In the navigation pane of Dev Studio, click Records.
  2. Expand the Technical category, and then click Text File.
  3. Open the py-cosmos-custom-css CSS file.
  4. On the Main tab, enter the markup that keeps the main menu expanded:
    .screen-layout-header_left > .screen-layout-region-main-sidebar1 {
      width: 22rem;
    .flex.screen-layout-header_left > .screen-layout-region-main-middle {
      padding-left: 22rem;
  5. In the upper-right corner, expand the Save as list, and then click Specialize by class or ruleset to save an instance of the rule in your application ruleset.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us