MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header correction updated

Browse Source
This commit is contained in:
akash 2026-03-18 19:17:25 +05:30
parent b7546b814f
commit 999261d6a7
2 changed files with 157 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
public/assets/css/main.css
View File

@ -146,14 +146,35 @@ html {
/* Apply Inter to ALL text elements — exclude icon fonts */ /* Apply Inter to ALL text elements — exclude icon fonts */
body, body,
h1, h2, h3, h4, h5, h6, h1,
p, a, div, li, ul, ol, h2,
td, th, label, button, h3,
input, textarea, select, h4,
blockquote, figcaption, caption, h5,
.navbar, .nav-link, .nav-item, h6,
.section-title, .section-heading, p,
.btn, .form-control { 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; font-family: 'Inter', sans-serif !important;
} }
@ -4350,7 +4371,7 @@ p.banner-text {
.blog-style-one .post-meta { .blog-style-one .post-meta {
display: inline-flex; display: inline-flex;
gap: 26px; gap: 5px;
} }
.blog-style-one hr { .blog-style-one hr {
@ -8399,4 +8420,44 @@ Animate wobble-vertical
height: 88px; 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;
} }

162
src/app/globals.css
View File

@ -13406,12 +13406,12 @@ body {
.main-menu-metatron ul li a { .main-menu-metatron ul li a {
padding: 5px 5px; padding: 5px 5px;
font-size: 13px; font-size: 12px;
} }
header .vl-btn1 { header .vl-btn1 {
padding-left: 15px !important; padding-left: 10px !important;
padding-right: 15px !important; padding-right: 10px !important;
} }
.main-menu-metatron ul li .submenu li a { .main-menu-metatron ul li .submenu li a {
@ -16684,18 +16684,17 @@ h4.service-details__dynamic-content-erp {
line-height: 32px; line-height: 32px;
} }
.home-contact-one .home-contact__card__content { .home-contact-one .home-contact__card__content {
padding: 70px 35px 70px 39px !important; padding: 70px 35px 70px 39px !important;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.home-contact-one .contact-home { .home-contact-one .contact-home {
position: relative !important; position: relative !important;
left: 10px !important; left: 10px !important;
top: -50px !important; top: -50px !important;
} }
.counter-area-two__list { .counter-area-two__list {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
@ -16716,24 +16715,24 @@ h4.service-details__dynamic-content-erp {
flex: 0 0 100%; flex: 0 0 100%;
} }
.home-contact-one .home-contact__card__content { .home-contact-one .home-contact__card__content {
padding: 66px 0px !important; padding: 66px 0px !important;
position: relative; position: relative;
z-index: 2; 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 */ /* Counter Area */
@ -16760,8 +16759,7 @@ h4.service-details__dynamic-content-erp {
.choose-section .image.m-img { .choose-section .image.m-img {
margin-top: 30px; margin-top: 30px;
} }
.card-1 {
.card-1 {
top: -20px; top: -20px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@ -17978,7 +17976,7 @@ h4.service-details__dynamic-content-erp {
max-width: 520px !important; max-width: 520px !important;
} }
.faq-four .pelocis-stretch-element-inside-column { .faq-four .pelocis-stretch-element-inside-column{
margin-top: 30px !important; margin-top: 30px !important;
@ -17993,9 +17991,9 @@ h4.service-details__dynamic-content-erp {
position: absolute; position: absolute;
left: 91px !important; left: 91px !important;
top: 50%; top: 50%;
} }
.faq-four__image2__icon { .faq-four__image2__icon {
width: 175px; width: 175px;
height: 175px; height: 175px;
display: flex; display: flex;
@ -18004,7 +18002,7 @@ h4.service-details__dynamic-content-erp {
position: absolute; position: absolute;
right: 84px !important; right: 84px !important;
top: 50%; top: 50%;
} }
.careers-popup-optimized .form-panel { .careers-popup-optimized .form-panel {
padding: 20px 35px 15px !important; padding: 20px 35px 15px !important;
@ -18049,7 +18047,7 @@ h4.service-details__dynamic-content-erp {
min-height: 50px !important; min-height: 50px !important;
} }
.faq-four__image__icon { .faq-four__image__icon {
width: 175px; width: 175px;
height: 175px; height: 175px;
display: flex; display: flex;
@ -18059,9 +18057,9 @@ h4.service-details__dynamic-content-erp {
left: 0px !important; left: 0px !important;
top: 50%; top: 50%;
font-size: 54px !important; font-size: 54px !important;
} }
.faq-four__image2__icon { .faq-four__image2__icon {
width: 175px; width: 175px;
height: 175px; height: 175px;
display: flex; display: flex;
@ -18071,7 +18069,7 @@ h4.service-details__dynamic-content-erp {
right: 0px !important; right: 0px !important;
top: 50%; top: 50%;
font-size: 54px !important; font-size: 54px !important;
} }
.careers-popup-optimized .g-recaptcha-container { .careers-popup-optimized .g-recaptcha-container {
transform: scale(0.7) !important; transform: scale(0.7) !important;
@ -18283,71 +18281,85 @@ h4.service-details__dynamic-content-erp {
} }
@media (max-width: 475px) { @media (max-width: 475px) {
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 14px !important; 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) { @media (max-width: 375px) {
.home-contact-one .home-contact__card__list li { .home-contact-one .home-contact__card__list li {
padding-right: 41px !important; padding-right: 41px !important;
padding-left: 36px !important; padding-left: 36px !important;
} }
} }
@media (max-width: 320px) { @media (max-width: 320px) {
.home-contact-one .home-contact__card__list li { .home-contact-one .home-contact__card__list li {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 9px !important; gap: 9px !important;
margin-bottom: 21px !important; margin-bottom: 21px !important;
border-radius: 10px !important; border-radius: 10px !important;
padding: 2px 11px !important; padding: 2px 11px !important;
padding-right: -6px !important; padding-right: -6px !important;
padding-left: 11px !important; padding-left: 11px !important;
} }
.home-contact-one .home-contact__card { .home-contact-one .home-contact__card {
padding: 14px !important; 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 { .blog-section-one .post-meta span {
margin-right: 0 !important;
font-size: 20px !important; font-size: 11px !important;
gap: 0 !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;
} }
} }