From 77f4d01e0802db241c0ecb695cb8f8e587a50465 Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Sat, 22 Nov 2025 01:07:13 +0530 Subject: [PATCH 1/7] fix: mobile layout collision in header and services list (fixes #3294) Signed-off-by: sarbojitrana --- css/main.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/css/main.css b/css/main.css index 7ba232d..54b97a9 100755 --- a/css/main.css +++ b/css/main.css @@ -2502,6 +2502,16 @@ html.no-csstransitions .home-content__main { float: none; margin-top: 0; } + .services-list .service-text { + /* 1. Force reset the negative pull */ + margin-top: 1rem !important; + + /* 2. Reset left margin so it centers perfectly */ + margin-left: 0 !important; + + /* 3. Ensure text doesn't get squashed */ + width: 100%; + } } @media only screen and (max-width: 600px) { @@ -4043,4 +4053,37 @@ html.no-csstransitions .home-content__main { .criteria-list { /* margin-top: 20px; */ margin-bottom: 40px; +} + +/* ---FIX FOR ISSUE #3294: Responsive Layout--- */ + +@media only screen and (max-width: 900px) { + + .home-social { + position: relative; + top: auto; + right: auto; + transform: none; + display: flex; + justify-content: center; + align-items: center; + + width: 100%; + margin-top: 3rem; + padding: 0; + } + + .home-social li { + padding: 0 1.5rem; + } + + .home-content { + padding-right: 0 !important; + text-align: center; + width: 100%; + } + + .home-content h1 { + font-size: clamp(2rem, 5vw, 4rem); + } } \ No newline at end of file From 1bdfd0a78201273a3021b00a0037762b60598b8e Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Thu, 27 Nov 2025 09:45:50 +0530 Subject: [PATCH 2/7] fix: center align buttons and prevent horizontal scroll on mobile Signed-off-by: sarbojitrana --- css/main.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/css/main.css b/css/main.css index 54b97a9..8a9046f 100755 --- a/css/main.css +++ b/css/main.css @@ -4055,8 +4055,7 @@ html.no-csstransitions .home-content__main { margin-bottom: 40px; } -/* ---FIX FOR ISSUE #3294: Responsive Layout--- */ - +/* ---FIX FOR ISSUE #3294--- */ @media only screen and (max-width: 900px) { .home-social { @@ -4067,7 +4066,6 @@ html.no-csstransitions .home-content__main { display: flex; justify-content: center; align-items: center; - width: 100%; margin-top: 3rem; padding: 0; @@ -4080,9 +4078,17 @@ html.no-csstransitions .home-content__main { .home-content { padding-right: 0 !important; text-align: center; - width: 100%; } + .home-content__buttons { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + gap: 1rem; + } + .home-content h1 { font-size: clamp(2rem, 5vw, 4rem); } From f0bcfca43bb6e63a07fd3384b454f347b6649973 Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Thu, 27 Nov 2025 09:56:56 +0530 Subject: [PATCH 3/7] fix: correct indentation in workflow file Signed-off-by: sarbojitrana --- .github/workflows/build_and_check.yml | 33 ++++++++++++++------------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/.github/workflows/build_and_check.yml b/.github/workflows/build_and_check.yml index 97c5000..a134236 100644 --- a/.github/workflows/build_and_check.yml +++ b/.github/workflows/build_and_check.yml @@ -2,19 +2,20 @@ name: Preview on: pull_request: - types: - - opened - - reopened - - synchronize - - closed - jobs: - deploy-preview: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v3 - - uses: rossjrw/pr-preview-action@v1 - with: - source-dir: . - preview-branch: gh-pages - umbrella-dir: pr-preview - action: auto \ No newline at end of file + types: + - opened + - reopened + - synchronize + - closed + +jobs: + deploy-preview: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v3 + - uses: rossjrw/pr-preview-action@v1 + with: + source-dir: . + preview-branch: gh-pages + umbrella-dir: pr-preview + action: auto \ No newline at end of file From e82935af0c098779a29097ad6190a3f240fe7b8e Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Mon, 1 Dec 2025 21:17:40 +0530 Subject: [PATCH 4/7] fix: align social icons vertically, fix text overlap, and restore image vibrancy Signed-off-by: sarbojitrana --- css/main.css | 88 +++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 70 insertions(+), 18 deletions(-) diff --git a/css/main.css b/css/main.css index 8a9046f..2a31210 100755 --- a/css/main.css +++ b/css/main.css @@ -4055,41 +4055,93 @@ html.no-csstransitions .home-content__main { margin-bottom: 40px; } -/* ---FIX FOR ISSUE #3294--- */ +/* --- UPDATED MOBILE FIXES (ISSUE: 3294) --- */ @media only screen and (max-width: 900px) { - - .home-social { - position: relative; - top: auto; - right: auto; - transform: none; - display: flex; - justify-content: center; - align-items: center; - width: 100%; - margin-top: 3rem; - padding: 0; - } - .home-social li { - padding: 0 1.5rem; + #home, .home { + height: auto !important; + min-height: 100vh; + padding-bottom: 5rem !important; } + .home-content { padding-right: 0 !important; text-align: center; + width: 100%; + background: rgba(255, 255, 255, 0.85); + padding: 2rem !important; + border-radius: 15px; + margin-top: 2rem; } + .home-content h1 { + font-size: clamp(2rem, 8vw, 3.5rem); + line-height: 1.2; + margin-bottom: 1rem; + } + + .home-content__buttons { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; + margin-top: 2rem; gap: 1rem; } - .home-content h1 { - font-size: clamp(2rem, 5vw, 4rem); + + .btn, .button { + padding: 12px 24px !important; + height: auto !important; + line-height: normal !important; + white-space: normal !important; + } + + .services-list, .card, .service-item { + height: auto !important; + min-height: auto !important; + overflow: visible !important; + } + + + li, p { + word-wrap: break-word; + } + + + .listed-criteria h2, + .criteria-list h2 { + line-height: 1.4 !important; + height: auto !important; + display: block !important; + margin-bottom: 0.5rem !important; + } + + + .bunny img { + opacity: 1.0 !important; + } + .overlay, .shadow-overlay { + display: none !important; + } + + .home-social { + display: flex !important; + flex-direction: column !important; + gap: 0.8rem !important; + + position: absolute !important; + + top: 22.0rem !important; + right: 2.5rem !important; + left: auto !important; + + width: auto !important; + margin-top: 0 !important; + padding: 0 !important; + z-index: 100 !important; } } \ No newline at end of file From 2412e5e5c0c947ad626bd464456345c424f925ff Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Wed, 3 Dec 2025 11:46:46 +0530 Subject: [PATCH 5/7] fix: finalize mobile layout alignment, visibility, and spacing per review Signed-off-by: sarbojitrana --- css/main.css | 192 ++++++++++++++++++++++++++++++++++++++------------- 1 file changed, 145 insertions(+), 47 deletions(-) diff --git a/css/main.css b/css/main.css index 2a31210..b5ba2c6 100755 --- a/css/main.css +++ b/css/main.css @@ -4058,90 +4058,188 @@ html.no-csstransitions .home-content__main { /* --- UPDATED MOBILE FIXES (ISSUE: 3294) --- */ @media only screen and (max-width: 900px) { + html, body { + overflow-x: hidden !important; + width: 100% !important; + position: relative; + } + + .row { + margin-left: 0 !important; + margin-right: 0 !important; + width: 100% !important; + max-width: 100% !important; + padding-left: 0 !important; + padding-right: 0 !important; + } + #home, .home { height: auto !important; min-height: 100vh; + padding-top: 10rem !important; padding-bottom: 5rem !important; + overflow: visible !important; } + .header-menu-text { + display: none !important; + } .home-content { - padding-right: 0 !important; - text-align: center; - width: 100%; - background: rgba(255, 255, 255, 0.85); + display: flex !important; + flex-direction: column !important; + align-items: center !important; + text-align: center !important; + + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box !important; + + margin: 1rem auto !important; padding: 2rem !important; + + background: rgba(255, 255, 255, 0.85); border-radius: 15px; - margin-top: 2rem; + } + + .home-content__main { + width: 100% !important; + text-align: center !important; + margin: 0 !important; } .home-content h1 { font-size: clamp(2rem, 8vw, 3.5rem); line-height: 1.2; margin-bottom: 1rem; + text-decoration: none !important; + border-bottom: none !important; + width: 100% !important; } - - - .home-content__buttons { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - margin-top: 2rem; - gap: 1rem; + + .home-content h1 span, + .home-content h1 u, + .home-content__main u { + text-decoration: none !important; + border-bottom: none !important; } - - .btn, .button { - padding: 12px 24px !important; - height: auto !important; - line-height: normal !important; - white-space: normal !important; + .home-social, .overlay, .shadow-overlay { + display: none !important; } - .services-list, .card, .service-item { + .service-item { + display: flex !important; + flex-direction: column !important; + align-items: center !important; + justify-content: flex-start !important; + height: auto !important; min-height: auto !important; - overflow: visible !important; + margin-bottom: 3rem !important; + width: 100% !important; } - - li, p { - word-wrap: break-word; + .service-icon { + display: block !important; + position: static !important; + margin-bottom: 1.5rem !important; + height: auto !important; + max-width: 100% !important; + } + + .service-text { + display: block !important; + position: static !important; + width: 100% !important; + margin-top: 0 !important; } + .services-list, .card { + height: auto !important; + overflow: visible !important; + } - .listed-criteria h2, - .criteria-list h2 { - line-height: 1.4 !important; - height: auto !important; + .listed-criteria h2, .criteria-list h2 { + line-height: 1.4 !important; + height: auto !important; display: block !important; margin-bottom: 0.5rem !important; } - .bunny img { - opacity: 1.0 !important; + opacity: 1.0 !important; } - .overlay, .shadow-overlay { - display: none !important; + + footer, .footer, .s-footer { + text-align: center !important; + } + + footer ul, .footer ul, .footer-social { + justify-content: center !important; + display: flex !important; + width: 100% !important; + padding-left: 0 !important; + margin-left: 0 !important; + } + + footer form, .footer form { + display: flex !important; + flex-direction: column; + align-items: center !important; + width: 100%; } - .home-social { + .footer-copyright, .copyright { + text-align: center !important; + width: 100%; + } + + .process-div h3 { + margin-right: 1.5rem !important; + padding-right: 0.5rem !important; + } + + .contact-secondary, .contact-info, .cinfo { display: flex !important; flex-direction: column !important; - gap: 0.8rem !important; - - position: absolute !important; - - top: 22.0rem !important; - right: 2.5rem !important; - left: auto !important; - - width: auto !important; - margin-top: 0 !important; + align-items: center !important; + text-align: center !important; + width: 100% !important; + } + + .contact-social { + display: flex !important; + justify-content: center !important; + width: 100% !important; padding: 0 !important; - z-index: 100 !important; + margin-top: 1.5rem !important; + gap: 1rem !important; + } + + .home-content__buttons { + display: flex !important; + flex-direction: column !important; + align-items: center !important; + justify-content: center !important; + width: 100% !important; + gap: 1rem !important; + margin-top: 1.5rem !important; + } + + .btn, .button { + display: inline-flex !important; + justify-content: center !important; + align-items: center !important; + text-align: center !important; + padding: 12px 24px !important; + height: auto !important; + min-height: 44px !important; + white-space: normal !important; + max-width: 90% !important; + box-sizing: border-box !important; + margin: 0 auto !important; } -} \ No newline at end of file + + li, p { word-wrap: break-word; } +} From d103cc9d7df0c457ee2d55c00d77d98e30bd9f64 Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Wed, 3 Dec 2025 19:09:13 +0530 Subject: [PATCH 6/7] fix: fix the buttons in the hero sections for smaller devices --- css/main.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/css/main.css b/css/main.css index b5ba2c6..69320ef 100755 --- a/css/main.css +++ b/css/main.css @@ -4076,7 +4076,7 @@ html.no-csstransitions .home-content__main { #home, .home { height: auto !important; min-height: 100vh; - padding-top: 10rem !important; + padding-top: 10rem !important; padding-bottom: 5rem !important; overflow: visible !important; } @@ -4090,22 +4090,21 @@ html.no-csstransitions .home-content__main { flex-direction: column !important; align-items: center !important; text-align: center !important; - width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; - margin: 1rem auto !important; padding: 2rem !important; - background: rgba(255, 255, 255, 0.85); border-radius: 15px; } - .home-content__main { + .home-content__main, + .row.home-content__main { width: 100% !important; text-align: center !important; - margin: 0 !important; + margin: 0 !important; + padding: 0 !important; } .home-content h1 { @@ -4133,7 +4132,6 @@ html.no-csstransitions .home-content__main { flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; - height: auto !important; min-height: auto !important; margin-bottom: 3rem !important; @@ -4142,7 +4140,7 @@ html.no-csstransitions .home-content__main { .service-icon { display: block !important; - position: static !important; + position: static !important; margin-bottom: 1.5rem !important; height: auto !important; max-width: 100% !important; @@ -4242,4 +4240,4 @@ html.no-csstransitions .home-content__main { } li, p { word-wrap: break-word; } -} +} \ No newline at end of file From 6010dfec4f4e57adf21fcf2560713719805e7418 Mon Sep 17 00:00:00 2001 From: sarbojitrana Date: Wed, 3 Dec 2025 20:53:51 +0530 Subject: [PATCH 7/7] fix: fix the buttons and scroll down link --- css/main.css | 34 ++++++++++++++++++++++++++-------- 1 file changed, 26 insertions(+), 8 deletions(-) diff --git a/css/main.css b/css/main.css index 69320ef..1507cca 100755 --- a/css/main.css +++ b/css/main.css @@ -4076,11 +4076,17 @@ html.no-csstransitions .home-content__main { #home, .home { height: auto !important; min-height: 100vh; - padding-top: 10rem !important; - padding-bottom: 5rem !important; + padding-top: 10rem !important; + padding-bottom: 5rem !important; overflow: visible !important; } + #about, .s-about { + margin-top: 20rem !important; + position: relative !important; + z-index: 20 !important; + } + .header-menu-text { display: none !important; } @@ -4090,21 +4096,22 @@ html.no-csstransitions .home-content__main { flex-direction: column !important; align-items: center !important; text-align: center !important; + width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; + margin: 1rem auto !important; padding: 2rem !important; + background: rgba(255, 255, 255, 0.85); border-radius: 15px; } - .home-content__main, - .row.home-content__main { + .home-content__main { width: 100% !important; text-align: center !important; - margin: 0 !important; - padding: 0 !important; + margin: 0 !important; } .home-content h1 { @@ -4132,6 +4139,7 @@ html.no-csstransitions .home-content__main { flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; + height: auto !important; min-height: auto !important; margin-bottom: 3rem !important; @@ -4140,7 +4148,7 @@ html.no-csstransitions .home-content__main { .service-icon { display: block !important; - position: static !important; + position: static !important; margin-bottom: 1.5rem !important; height: auto !important; max-width: 100% !important; @@ -4238,6 +4246,16 @@ html.no-csstransitions .home-content__main { box-sizing: border-box !important; margin: 0 auto !important; } - + + .home-content__scroll { + display: block !important; + width: 100% !important; + text-align: center !important; + position: static !important; + transform: none !important; + + margin-top: 2rem !important; + margin-bottom: 1rem !important; + } li, p { word-wrap: break-word; } } \ No newline at end of file