From 999261d6a775f6a7a1bd5247399c1103016ed6c8 Mon Sep 17 00:00:00 2001 From: akash Date: Wed, 18 Mar 2026 19:17:25 +0530 Subject: [PATCH] header correction updated --- public/assets/css/main.css | 79 +++++++++++++++--- src/app/globals.css | 162 ++++++++++++++++++++----------------- 2 files changed, 157 insertions(+), 84 deletions(-) diff --git a/public/assets/css/main.css b/public/assets/css/main.css index cf057fe..dcd4de9 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -146,14 +146,35 @@ html { /* Apply Inter to ALL text elements — exclude icon fonts */ body, -h1, h2, h3, h4, h5, h6, -p, a, div, li, ul, ol, -td, th, label, button, -input, textarea, select, -blockquote, figcaption, caption, -.navbar, .nav-link, .nav-item, -.section-title, .section-heading, -.btn, .form-control { +h1, +h2, +h3, +h4, +h5, +h6, +p, +a, +div, +li, +ul, +ol, +td, +th, +label, +button, +input, +textarea, +select, +blockquote, +figcaption, +caption, +.navbar, +.nav-link, +.nav-item, +.section-title, +.section-heading, +.btn, +.form-control { font-family: 'Inter', sans-serif !important; } @@ -4350,7 +4371,7 @@ p.banner-text { .blog-style-one .post-meta { display: inline-flex; - gap: 26px; + gap: 5px; } .blog-style-one hr { @@ -8399,4 +8420,44 @@ Animate wobble-vertical height: 88px; } +} + +/* ========================================================== + STICKY HEADER — site-wide + Applied when user scrolls > 250px (via useSticky hook) + ========================================================== */ +.homepage1-body .header-sticky { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 9999; + -webkit-animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown; + animation: 0.5s ease-in-out 0s normal none 1 running stickyFadeDown; +} + +.homepage1-body .header-sticky .row-bg3 { + background: #1a1f2b; + box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); +} + +@keyframes stickyFadeDown { + 0% { + opacity: 0; + transform: translateY(-100%); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +/* Also handle generic sticky class for all pages */ +#header-sticky.header-sticky { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 9999; } \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index 27c4388..8ff7f35 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -13406,12 +13406,12 @@ body { .main-menu-metatron ul li a { padding: 5px 5px; - font-size: 13px; + font-size: 12px; } header .vl-btn1 { - padding-left: 15px !important; - padding-right: 15px !important; + padding-left: 10px !important; + padding-right: 10px !important; } .main-menu-metatron ul li .submenu li a { @@ -16684,18 +16684,17 @@ h4.service-details__dynamic-content-erp { line-height: 32px; } - .home-contact-one .home-contact__card__content { - padding: 70px 35px 70px 39px !important; - position: relative; - z-index: 2; - } + .home-contact-one .home-contact__card__content { + padding: 70px 35px 70px 39px !important; + position: relative; + z-index: 2; + } - .home-contact-one .contact-home { + .home-contact-one .contact-home { position: relative !important; left: 10px !important; top: -50px !important; } - .counter-area-two__list { flex-wrap: wrap; justify-content: center; @@ -16716,24 +16715,24 @@ h4.service-details__dynamic-content-erp { flex: 0 0 100%; } - .home-contact-one .home-contact__card__content { - padding: 66px 0px !important; - position: relative; - z-index: 2; - } + .home-contact-one .home-contact__card__content { + padding: 66px 0px !important; + position: relative; + z-index: 2; + } - .home-contact-one .home-contact__card__shape-one { + .home-contact-one .home-contact__card__shape-one{ - display: none !important; + display: none !important; - } - - .home-contact-one .contact-home { - position: relative !important; - left: -6px !important; - top: -50px !important; - } + } + .home-contact-one .contact-home { + position: relative !important; + left: -6px !important; + top: -50px !important; + } + } /* Counter Area */ @@ -16760,8 +16759,7 @@ h4.service-details__dynamic-content-erp { .choose-section .image.m-img { margin-top: 30px; } - - .card-1 { + .card-1 { top: -20px; left: 50%; transform: translateX(-50%); @@ -17978,7 +17976,7 @@ h4.service-details__dynamic-content-erp { max-width: 520px !important; } - .faq-four .pelocis-stretch-element-inside-column { + .faq-four .pelocis-stretch-element-inside-column{ margin-top: 30px !important; @@ -17993,9 +17991,9 @@ h4.service-details__dynamic-content-erp { position: absolute; left: 91px !important; top: 50%; - } +} - .faq-four__image2__icon { +.faq-four__image2__icon { width: 175px; height: 175px; display: flex; @@ -18004,7 +18002,7 @@ h4.service-details__dynamic-content-erp { position: absolute; right: 84px !important; top: 50%; - } +} .careers-popup-optimized .form-panel { padding: 20px 35px 15px !important; @@ -18049,7 +18047,7 @@ h4.service-details__dynamic-content-erp { min-height: 50px !important; } - .faq-four__image__icon { + .faq-four__image__icon { width: 175px; height: 175px; display: flex; @@ -18059,9 +18057,9 @@ h4.service-details__dynamic-content-erp { left: 0px !important; top: 50%; font-size: 54px !important; - } +} - .faq-four__image2__icon { +.faq-four__image2__icon { width: 175px; height: 175px; display: flex; @@ -18071,7 +18069,7 @@ h4.service-details__dynamic-content-erp { right: 0px !important; top: 50%; font-size: 54px !important; - } +} .careers-popup-optimized .g-recaptcha-container { transform: scale(0.7) !important; @@ -18283,71 +18281,85 @@ h4.service-details__dynamic-content-erp { } @media (max-width: 475px) { - - .home-contact-one .home-contact__card { + + .home-contact-one .home-contact__card { padding: 14px !important; - } +} - .home-contact-one .home-contact__card__list__title { +.home-contact-one .home-contact__card__list__title{ - font-size: 16px !important; + font-size: 16px !important; - } +} - .home-contact-one .home-contact__card__list__text a { +.home-contact-one .home-contact__card__list__text a{ - font-size: 14px !important; + font-size: 14px !important; - } +} } @media (max-width: 375px) { - - .home-contact-one .home-contact__card__list li { - padding-right: 41px !important; - padding-left: 36px !important; - } + + .home-contact-one .home-contact__card__list li { + padding-right: 41px !important; + padding-left: 36px !important; + } } @media (max-width: 320px) { - .home-contact-one .home-contact__card__list li { - display: flex; - align-items: center; - gap: 9px !important; - margin-bottom: 21px !important; - border-radius: 10px !important; - padding: 2px 11px !important; - padding-right: -6px !important; - padding-left: 11px !important; +.home-contact-one .home-contact__card__list li { + display: flex; + align-items: center; + gap: 9px !important; + margin-bottom: 21px !important; + border-radius: 10px !important; + padding: 2px 11px !important; + padding-right: -6px !important; + padding-left: 11px !important; - } + } - .home-contact-one .home-contact__card { + .home-contact-one .home-contact__card { padding: 14px !important; +} + +.home-contact-one .home-contact__card__list li span{ + + font-size: 20px !important; + +} + +.home-contact-one .home-contact__card__list__title{ + + font-size: 14px !important; + +} + +.home-contact-one .home-contact__card__list__text a{ + + font-size: 14px !important; + +} + +} + +@media (min-width: 1025px) { + + .blog-style-one .blog-content { + padding: 25px !important; } - .home-contact-one .home-contact__card__list li span { - - font-size: 20px !important; - - } - - .home-contact-one .home-contact__card__list__title { - - font-size: 14px !important; - - } - - .home-contact-one .home-contact__card__list__text a { - - font-size: 14px !important; - + .blog-section-one .post-meta span { + margin-right: 0 !important; + font-size: 11px !important; + gap: 0 !important; } } \ No newline at end of file