Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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 src/sass/layout/_variables.custom.scss and change $app-sidebar-base-width value.

2. 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 tailwind.config.js and change desktop: '280px' value.


Regards,
Sean


Text formatting options
Submit
Text formatting options
Submit