Major mobile navigation system implementation

- Added comprehensive mobile navigation system with hamburger menu
- Created new mobile nav files: gn-mobile-nav.css and gn-mobile-nav.js
- Integrated mobile navigation across all 25+ HTML pages
- Updated all Services and Industries pages with mobile nav
- Enhanced responsive design and mobile-first approach
- Added FOUC prevention and improved loading experience
- Updated theme colors and styling consistency
- Added comprehensive documentation (MOBILE_NAV_README.md)
- Fixed relative paths for subdirectory pages
- Improved accessibility features for mobile navigation
This commit is contained in:
2025-06-06 01:07:36 +05:30
parent 274c5c30f2
commit 885bacdf4a
25 changed files with 4384 additions and 616 deletions

View File

@@ -38,11 +38,10 @@
--healthcare-primary: #00c6ff;
--healthcare-primary-rgb: 0, 198, 255;
--healthcare-primary-hover: #0099cc;
/* Retail - Commercial Red */
--retail-primary: #e74c3c;
--retail-primary-rgb: 231, 76, 60;
--retail-primary-hover: #c0392b;
/* Retail - Professional Blue (changed from red to match industry theme) */
--retail-primary: #0ea5e9;
--retail-primary-rgb: 14, 165, 233;
--retail-primary-hover: #0284c7;
/* Manufacturing - Industrial Blue */
--manufacturing-primary: #3498db;
@@ -1027,6 +1026,21 @@ footer {
background-color: rgba(var(--primary-color-rgb), 0.1);
}
/* Override for travel theme to use default purple color for social links */
.theme-travel .footer-col .social-links a {
color: #6d28d9; /* Use default purple instead of travel blue */
}
.theme-travel .footer-col .social-links a:hover {
color: #52eef5; /* Keep the cyan hover effect */
background-color: rgba(109, 40, 217, 0.1); /* Use purple RGB for background */
}
/* Override for travel theme to use default purple color for contact us icons */
.theme-travel .footer-col ul li p i {
color: #6d28d9; /* Use default purple instead of travel blue */
}
.footer-bottom {
text-align: center;
margin-top: 30px;
@@ -1194,10 +1208,6 @@ footer {
text-align: center;
color: #ffffff;
text-shadow: 0 3px 8px rgba(0, 0, 0, 0.9);
letter-spacing: 0.8px;
position: relative;
z-index: 2;
line-height: 1.3;
}
.exp-item .exp-description {