fix: expand sidebar visibility to all non-desktop screens (≤992px)

- sidebar.css: change .floating-menu-btn breakpoint from max-width:768px
  to max-width:992px so the button appears on tablets as well
- header.css: move .nav-container hide + .floating-menu-btn show into
  the ≤992px block so desktop nav is hidden and sidebar activates on
  all mobile + tablet viewports (Bootstrap lg breakpoint)
- ≥993px (desktop): header nav visible, sidebar hidden
- ≤992px (tablet + mobile): header nav hidden, sidebar floating button shown"

This commit is contained in:

hiep200311

2026-06-05 21:06:08 +07:00

parent 9c07af001c

commit b999d51232

2 changed files with 15 additions and 14 deletions

									
										views/components/sidebar/sidebar.css
									
		+1
		-1
	
												View File
												
				@@ -108,7 +108,7 @@

				}

				/* Media Queries for Sidebar */

				@media (max-width: 768px) {

				@media (max-width: 992px) {

				  .floating-menu-btn {

				    display: flex;

				  }