The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Sidebar width


Is it possible to change the width of the sidebar?
Really good would to be able to change the width to something wider if xl is active.


Text formatting options
Submit

Replies (2)


Hi,

Sure, you can change it easily. Which template, demo, and framework(HTML, react, vue, angular, etc.) are you referring to?

Regards,
Sean


HI,

Bootstrap Demo 1 HTML or Tailwind Demo 1 HTML ?

  1. Bootstrap Version:

1.1 For Bootstrap Demo 1 HTML please follow https://preview.keenthemes.com/html/metronic/docs/getting-started/setup to compile the CSS after modifying SaaS

1.2 Go to <code>src/sass/layout/_variables.custom.scss</code> and change <code>$app-sidebar-base-width</code> value.

  1. Tailwind Version

2.1 For Tailwind Demo 1 HTML please follow https://keenthemes.com/metronic/tailwind/docs/getting-started/installation to compile the CSS file after modifying the HTML code.

2.2 Go to <code>tailwind.config.js</code> and change <code>desktop: '280px'</code> value.

Regards, Sean

Text formatting options
Submit
Text formatting options
Submit
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.