{"id":250,"date":"2026-01-27T09:35:18","date_gmt":"2026-01-27T09:35:18","guid":{"rendered":"https:\/\/kumbhkarunatrust.com\/?page_id=250"},"modified":"2026-03-14T01:06:12","modified_gmt":"2026-03-14T01:06:12","slug":"header-v2","status":"publish","type":"page","link":"https:\/\/kumbhkarunatrust.com\/hi\/header-v2\/","title":{"rendered":"Header \u2013 V2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"250\" class=\"elementor elementor-250\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e53fb80 e-con-full e-flex e-con e-parent\" data-id=\"e53fb80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a2660a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6a2660a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"kkt-header\">\n  <div class=\"kkt-header-inner\">\n    <a class=\"kkt-brand\" href=\"\/hi\/\">\n      <img decoding=\"async\"\n        src=\"https:\/\/kumbhkarunatrust.com\/wp-content\/uploads\/2026\/01\/KKT-LOGO-2_Updated.png\"\n        alt=\"Kumbh Karuna Trust\"\n        class=\"kkt-logo\"\n      \/>\n      <span class=\"kkt-brand-text\">Kumbh Karuna Trust<\/span>\n    <\/a>\n\n    <nav class=\"kkt-nav\">\n      <a href=\"\/hi\/about-us\/\">About Us<\/a>\n      <a href=\"\/hi\/our-work\/\">Our Work<\/a>\n      <a href=\"\/hi\/get-involved\/\">Get Involved<\/a>\n      <a href=\"\/hi\/news-stories\/\">News & Stories<\/a>\n      <a href=\"\/hi\/donate\/\" class=\"kkt-donate\">Donate Now<\/a>\n    <\/nav>\n\n    <button class=\"kkt-burger\" aria-label=\"Menu\">\u2630<\/button>\n  <\/div>\n\n  <div class=\"kkt-mobile-nav\">\n    <a href=\"\/hi\/about-us\/\">About Us<\/a>\n    <a href=\"\/hi\/our-work\/\">Our Work<\/a>\n    <a href=\"\/hi\/get-involved\/\">Get Involved<\/a>\n    <a href=\"\/hi\/news-stories\/\">News & Stories<\/a>\n    <a href=\"\/hi\/donate\/\" class=\"kkt-donate\">Donate Now<\/a>\n  <\/div>\n<\/header>\n\n<style>\n\/* ===== HEADER BASE ===== *\/\n.kkt-header {\n  width: 100%;\n  background-color: #ffffff;\n  border-bottom: 1px solid rgba(0,0,0,0.06);\n  font-family: inherit;\n\n  \/* keep header visible at top of page *\/\n  position: sticky;\n  top: 0;\n  z-index: 9999;\n\n  \/* ensure absolutely positioned mobile nav can overflow if needed *\/\n  overflow: visible;\n}\n\n.kkt-header-inner {\n  max-width: 100%!important;\n  margin: 0 auto;\n  background-color: #ffffff;\n  padding: 10px 18px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n\/* ===== BRAND ===== *\/\n.kkt-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  text-decoration: none;\n  color: #2b2b2b;\n  white-space: nowrap;\n}\n\n.kkt-logo {\n  width: 120px;\n  height: 120px;\n  object-fit: contain;\n  background: #fff;\n  border-radius: 8px;\n  padding: 4px;\n}\n\n.kkt-brand-text {\n  font-size: 22px;\n  font-weight: 700;\n}\n\n\/* ===== DESKTOP NAV ===== *\/\n.kkt-nav {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.kkt-nav a {\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2b2b2b;\n}\n\n.kkt-donate {\n  background: #f4b041;\n  color: #000 !important;\n  padding: 10px 16px;\n  border-radius: 999px;\n  font-weight: 800;\n}\n\n\/* ===== BURGER ===== *\/\n.kkt-burger {\n  display: none;\n  background: none;\n  border: none;\n  font-size: 22px;\n  cursor: pointer;\n}\n\n\/* ===== MOBILE NAV (Option A: drop-down under header) ===== *\/\n\/* Position absolute so it appears directly below the header *\/\n.kkt-mobile-nav {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 100%; \/* places it right below .kkt-header *\/\n  display: none; \/* toggled via .active *\/\n  flex-direction: column;\n  gap: 10px;\n  padding: 16px 18px;\n  background: #e8ddcf;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n  border-top: 1px solid rgba(0,0,0,0.06);\n  z-index: 1000; \/* within header stacking context *\/\n  -webkit-tap-highlight-color: transparent;\n}\n\n.kkt-mobile-nav a {\n  text-decoration: none;\n  font-weight: 600;\n  padding: 12px;\n  border-radius: 12px;\n  background: rgba(255,255,255,0.6);\n}\n\n\/* visible when toggled *\/\n.kkt-mobile-nav.active {\n  display: flex;\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n  .kkt-nav-menu {\n    display: none;\n  }\n  .kkt-burger {\n    display: block;\n  }\n\n  \/* reduce logo\/header height on small screens *\/\n  .kkt-logo {\n    width: 56px;\n    height: 56px;\n  }\n  .kkt-brand-text {\n    font-size: 16px;\n  }\n\n  \/* ensure header-inner spacing still works and mobile nav appears below *\/\n  .kkt-header-inner {\n    padding: 8px 14px;\n  }\n}\n\n\/* Optional small polish: avoid mobile-nav covering site header border *\/\n.kkt-header { box-sizing: border-box; }\n<\/style>\n\n<script>\n(function () {\n  const burger = document.querySelector('.kkt-burger');\n  const mobileNav = document.querySelector('.kkt-mobile-nav');\n\n  if (!burger || !mobileNav) return;\n\n  \/\/ Toggle the drop-down mobile menu\n  burger.addEventListener('click', () => {\n    mobileNav.classList.toggle('active');\n    burger.textContent = mobileNav.classList.contains('active') ? '\u2715' : '\u2630';\n  });\n\n  \/\/ Optional: close menu when clicking outside\n  document.addEventListener('click', function (e) {\n    if (!mobileNav.classList.contains('active')) return;\n    const target = e.target;\n    const clickedInside = mobileNav.contains(target) || burger.contains(target);\n    if (!clickedInside) {\n      mobileNav.classList.remove('active');\n      burger.textContent = '\u2630';\n    }\n  });\n\n  \/\/ Optional: close on Escape\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape' && mobileNav.classList.contains('active')) {\n      mobileNav.classList.remove('active');\n      burger.textContent = '\u2630';\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kumbh Karuna Trust About Us Our Work Get Involved News &#038; Stories Donate Now \u2630 About Us Our Work Get Involved News &#038; Stories Donate Now<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-250","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/pages\/250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":58,"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":604,"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/pages\/250\/revisions\/604"}],"wp:attachment":[{"href":"https:\/\/kumbhkarunatrust.com\/hi\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}