- 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"
- Replace hardcoded inline sidebar markup with <div id="sidebar-container">
on: aboutMain, newsMain, productMain, serviceMain, contactMain
- Add sidebar-container + sidebarLoader.js script to pages that had no
sidebar at all: newsArticle1, newsArticle2, productSeparateCommerceLNG,
productSeparateCommercePNG, productSeparateProductionPRU,
productSeparateProductionGasMeter, productSeparateProductionVaporizer,
productSeparateProductionPressureRegulatorValve
- Sidebar HTML/CSS/JS is now loaded dynamically from /components/sidebar/
on all 14 pages (mobile breakpoint ≤768px)"
hiep200311
MinhQuan