diff --git a/admin/config.xml b/admin/config.xml
index b30212ca37b..c3fd0e008db 100644
--- a/admin/config.xml
+++ b/admin/config.xml
@@ -2030,6 +2030,13 @@
 				<option value="1">FLEXI_IN_SLIDER</option>
 			</field>
 
+		<field name="" type="separator" default="FLEXI_SIDEBAR_MANAGER" icon_class="icon-list" level="tab_open" box_type="1" remove_boxes="2" />
+		<field name="sidebar_state" type="fcradio" default="open" label="FLEXI_SIDEBAR_STATE" description="FLEXI_SIDEBAR_STATE_DESC" class="btn-group btn-group-yesno">
+			<option value="closed">FLEXI_ClOSE</option>
+			<option value="opened">FLEXI_OPEN</option>
+		</field>
+		
+
 		<field name="" type="separator" default="FLEXI_ITEMS_MANAGER" icon_class="icon-list" level="tab_open" box_type="1" remove_boxes="2" />
 
 			<field name="original_content_language" type="fclanguage" default="_site_default_" skip_all="true" label="FLEXI_ORIGINAL_CONTENT_LANGUAGE" description="FLEXI_ORIGINAL_CONTENT_LANGUAGE_DESC">
diff --git a/admin/language/en-GB/en-GB.com_flexicontent.ini b/admin/language/en-GB/en-GB.com_flexicontent.ini
index 409c1915128..b7aafa4a5db 100644
--- a/admin/language/en-GB/en-GB.com_flexicontent.ini
+++ b/admin/language/en-GB/en-GB.com_flexicontent.ini
@@ -2347,6 +2347,12 @@ FLEXI_FIELD_VALUE_IS_INVALID="Field %s has invalid value."
 ; items manager configuration
 FLEXI_ITEMS_MANAGER="Items Manager"
 
+FLEXI_SIDEBAR_MANAGER="Sidebar manager"
+FLEXI_SIDEBAR_STATE="Sidebar behavior"
+FLEXI_SIDEBAR_STATE_DESC="Select the default state for the sidebar when loading the list view in the backend. The default setting is 'Open,' similar to the default state in Joomla's backend. However, there is also the option to set it as 'Closed,' which reduces the sidebar size upon loading while still honoring the user's preference. This functionality applies to various lists such as items, categories, tags, and more."
+FLEXI_OPEN="Open"
+FLEXI_CLOSE="Close"
+
 FLEXI_IS_SUBTYPE="Is subtype"
 FLEXI_IS_SUBTYPE_DESC="Items of this type are not meant to viewable itself. Instead they are meant to be displayed inside other items. e.g. this will hide the preview button in items manager"
 
diff --git a/admin/views/categories/tmpl/default.php b/admin/views/categories/tmpl/default.php
index c1c64e0e713..e5dd8553b96 100644
--- a/admin/views/categories/tmpl/default.php
+++ b/admin/views/categories/tmpl/default.php
@@ -814,3 +814,57 @@ class="<?php echo $this->btn_sm_class; ?> fc_assocs_count"
 
 </form>
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
diff --git a/admin/views/fields/tmpl/default.php b/admin/views/fields/tmpl/default.php
index 8d57d2147bd..b08ac6571da 100644
--- a/admin/views/fields/tmpl/default.php
+++ b/admin/views/fields/tmpl/default.php
@@ -858,7 +858,60 @@ function delAllFilters()
 
 </form>
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
 
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
 
 <?php
 JFactory::getDocument()->addScriptDeclaration('
diff --git a/admin/views/filemanager/tmpl/default.php b/admin/views/filemanager/tmpl/default.php
index a504c20472b..c0affe994a6 100644
--- a/admin/views/filemanager/tmpl/default.php
+++ b/admin/views/filemanager/tmpl/default.php
@@ -2175,6 +2175,61 @@ function fman_set_cids(el)
 
 </div><!-- #flexicontent end -->
 
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
+
 <?php
 JFactory::getDocument()->addScriptDeclaration('
 	function fc_edit_mmdata_modal_load( container )
diff --git a/admin/views/groups/tmpl/default.php b/admin/views/groups/tmpl/default.php
index 37825e7eb5f..26f0c323767 100644
--- a/admin/views/groups/tmpl/default.php
+++ b/admin/views/groups/tmpl/default.php
@@ -335,3 +335,58 @@ function delAllFilters()
 
 </form>
 </div><!-- #flexicontent end -->
+
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
diff --git a/admin/views/import/tmpl/import.php b/admin/views/import/tmpl/import.php
index ff6a92b3d5a..40de352e816 100644
--- a/admin/views/import/tmpl/import.php
+++ b/admin/views/import/tmpl/import.php
@@ -20,6 +20,7 @@
 
 $params = $this->cparams;
 $document	= JFactory::getDocument();
+$cparams  = JComponentHelper::getParams('com_flexicontent');
 
 if (FLEXI_J40GE) JToolbarHelper::inlinehelp();
 
@@ -724,3 +725,57 @@
 
 </form>
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
diff --git a/admin/views/items/tmpl/default.php b/admin/views/items/tmpl/default.php
index 144bfe7ee0a..44a9726e70b 100644
--- a/admin/views/items/tmpl/default.php
+++ b/admin/views/items/tmpl/default.php
@@ -1519,7 +1519,60 @@ class="<?php echo $this->btn_sm_class; ?> fc_assocs_count"
 
 </form>
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
 
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
 <?php
 Factory::getDocument()->addScriptDeclaration('
 	function fc_edit_jarticle_modal_load( container )
diff --git a/admin/views/search/tmpl/default.php b/admin/views/search/tmpl/default.php
index fac0a808489..16e58a0c9b6 100644
--- a/admin/views/search/tmpl/default.php
+++ b/admin/views/search/tmpl/default.php
@@ -452,3 +452,57 @@ function delAllFilters()
 
 </form>
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
\ No newline at end of file
diff --git a/admin/views/stats/tmpl/default.php b/admin/views/stats/tmpl/default.php
index 9a7546860da..945a59d6ffd 100644
--- a/admin/views/stats/tmpl/default.php
+++ b/admin/views/stats/tmpl/default.php
@@ -17,6 +17,7 @@
  */
 
 defined('_JEXEC') or die('Restricted access');
+$cparams  = JComponentHelper::getParams('com_flexicontent');
 
 $tip_class = ' hasTooltip';
 $btn_class = 'btn';
@@ -791,3 +792,57 @@ function (ec) {
 </div>  <!-- row / row-fluid-->
 
 </div><!-- #flexicontent end -->
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
\ No newline at end of file
diff --git a/admin/views/templates/tmpl/default.php b/admin/views/templates/tmpl/default.php
index 6abf489ed9d..8702e163558 100644
--- a/admin/views/templates/tmpl/default.php
+++ b/admin/views/templates/tmpl/default.php
@@ -17,6 +17,7 @@
  */
 
 defined('_JEXEC') or die('Restricted access');
+$cparams  = JComponentHelper::getParams('com_flexicontent');
 
 $tip_class = FLEXI_J30GE ? ' hasTooltip' : ' hasTip';
 $ico_class = 'btn'; //'fc-man-icon-s';
@@ -285,3 +286,59 @@ function fc_template_modal_close()
 
 </form>
 </div><!-- #flexicontent end -->
+
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
+
diff --git a/admin/views/types/tmpl/default.php b/admin/views/types/tmpl/default.php
index 0fb0850da5c..1357ad75c26 100644
--- a/admin/views/types/tmpl/default.php
+++ b/admin/views/types/tmpl/default.php
@@ -487,3 +487,58 @@ function delAllFilters()
 
 </form>
 </div><!-- #flexicontent end -->
+
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>
diff --git a/admin/views/users/tmpl/default.php b/admin/views/users/tmpl/default.php
index 72bf242ecf8..47451773f1c 100644
--- a/admin/views/users/tmpl/default.php
+++ b/admin/views/users/tmpl/default.php
@@ -533,3 +533,58 @@ function delAllFilters()
 
 </form>
 </div><!-- #flexicontent end -->
+
+<?php 
+$sidebar_state = $cparams->get('sidebar_state', 'closed');
+if(($sidebar_state) == 'closed') : ?>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  var sidebar = document.querySelector('#sidebar-wrapper');
+  var wrapper = document.querySelector('#wrapper');
+  var menuCollapse = document.querySelector('#menu-collapse');
+  var menuIcon = document.querySelector('#menu-collapse-icon');
+  var navLogo = document.querySelector('#header .logo');
+  // Retrieve sidebar state from localStorage
+  var sidebarState = localStorage.getItem('sidebar');
+  console.log(sidebarState);
+
+
+// Apply initial sidebar state
+if (sidebarState === 'closed') {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+} else if (sidebarState === 'open') {
+  wrapper.classList.remove('closed');
+  menuIcon.classList.remove('icon-toggle-off');
+  menuIcon.classList.add('icon-toggle-on');
+  navLogo.classList.remove('small');
+} else {
+  wrapper.classList.add('closed');
+  menuIcon.classList.remove('icon-toggle-on');
+  menuIcon.classList.add('icon-toggle-off');
+  navLogo.classList.add('small');
+}
+
+
+  // Handle menu click
+  menuCollapse.addEventListener('click', function() {
+    // Toggle wrapper class
+   
+    // Update icon
+    if (wrapper.classList.contains('closed')) {
+      menuIcon.classList.remove('icon-toggle-on');
+      menuIcon.classList.add('icon-toggle-off');
+	  navLogo.classList.add('small');
+      localStorage.setItem('sidebar', 'closed');
+    } else {
+      menuIcon.classList.remove('icon-toggle-off');
+      menuIcon.classList.add('icon-toggle-on');
+      localStorage.setItem('sidebar', 'open');
+	  navLogo.classList.remove('small');
+    }
+  });
+});
+</script>
+<?php endif; ?>