One Hat Cyber Team

Edit File: header.php

/* Mobile styles for the navbar logo */
@media only screen and (max-width: 767px) {
  .header .navbar-brand img {
    /* scale down the logo */
    height: 50px;        /* adjust as needed */
    max-width: 120px;    /* or a percentage like 80% */
    
    /* center it (instead of a big left margin) */
    display: block;
    margin: 0 auto;
    
    /* if you really need a left offset instead of centering: */
    /* margin-left: 20px; */
  }
}
.header {
    background-color: black !important;
}

.header .navbar .navbar-nav > li .nav-link {
    
    color: white !important;
   
}

.hamburger .hamburger-container .hamburger-inner:before {
    position: absolute;
    content: "";
    transform: translate(0px, 0);
    top: -9px;
    width: 100%;
    height: 2px;
    background-color: #89bd10;
    transition: all 0.3s ease;
    opacity: 1;
}
.hamburger .hamburger-container .hamburger-inner {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    transform: translate(0px, -50%);
    background-color:#89bd10;
    transition: all 0.3s ease;
    opacity: 1;
}

.hamburger .hamburger-container .hamburger-inner:after {
    position: absolute;
    content: "";
    top: 9px;
    transform: translate(0px, 0);
    width: 50%;
    height: 2px;
    background-color:#89bd10;
    transition: all 0.3s ease;
    opacity: 1;
}

.header .navbar .navbar-nav > li .nav-link {
    color: #89bd10 !important;
}
</style>

<header class="header header-sticky">
        <nav class="navbar navbar-static-top navbar-expand-lg">
          <div class="container-fluid main-header position-relative">
            <a class="navbar-brand" href="index.php">
              <img class="img-fluid" src="images/Artboard_1-removebg-preview.png" alt="logo">
            </a>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li class="nav-item dropdown active">
                 
                  
                </li>  <li class="nav-item">
                  <a class="nav-link" href="index.php"><span>Home</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="about.php"><span>About</span></a>
                </li>
               
                
                
                
            <li class="dropdown nav-item">
  <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">Services <i class="bi bi-chevron-down"></i></a>
  <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
    <li><a class="dropdown-item" href="service.php"><span>All Services</span></a></li>

<li><a class="dropdown-item" href="kitchen.php"><span>Kitchen</span></a></li>
    <li><a class="dropdown-item" href="Commerical.php"><span>Commercial</span></a></li>
    <li><a class="dropdown-item" href="Residential.php"><span>Residential</span></a></li>
  </ul>
</li>

<li class="nav-item">
                  <a class="nav-link" href="portfolio.php
                  "><span>Portfolio</span></a>
                </li>
               
        
               
                </li>  <li class="nav-item">
                  <a class="nav-link" href="contact-us.php"><span>Contact</span></a>
                </li>
              </ul>
            </div>
            <div class="nav-right">
              <div class="action-group">
                <div class="search">
                  <ul class="list-unstyled mb-0">
                    
                  </ul>
                </div>

<div class="offcanvas-header">
          <a id="menuOffcanvasLabel" class="navbar-brand" href="index.php"> <img class="img-fluid" src="images/Artboard_1-removebg-preview.png" alt="Main logo"></a>
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
            <svg width="20" height="20" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.19995 25.5841L25.7999 3.98413" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M4.19995 3.98413L25.7999 25.5841" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </button>
        </div>
        <div class="offcanvas-body lenis-scroll-disable">
          <div class="body-inner">
            <nav class="navbar">
              <ul class="navbar-nav">
                
                  <li class="nav-item"><a class="nav-link" href="index.php"><span>Home</span></a></li>
                <li class="nav-item"><a class="nav-link" href="about.php"><span>About</span></a></li>
                    <li class="dropdown nav-item">
                  <a class="nav-link" href="javascript:void(0)" data-bs-toggle="dropdown">
                    Services <i class="bi bi-chevron-down"></i>
                  </a>
                      <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <li><a class="dropdown-item" href="service.php"><span>All Services</span></a></li>

<li class="dropdown-header">Design Categories</li>

<li><a class="dropdown-item" href="kitchen.php"><span>Kitchen</span></a></li>
                        <li><a class="dropdown-item" href="Commerical.php"><span>Commercial</span></a></li>
                        <li><a class="dropdown-item" href="Residential.php"><span>Home</span></a></li>
                      </ul>
                    </li>

<li class="nav-item"><a class="nav-link" href="portfolio.php"><span>portfolio</span></a></li>
                    
                        <li class="nav-item"><a class="nav-link" href="contact-us.php"><span>Contact Us</span></a></li>
          
               
                
               
              </ul>
            </nav>
            <div class="bottom-info">
              <div class="contact-info">
                <span class="number">09082458900</span>
                <a class="mail" href="contact@gocosy.com"><i class="fa-regular fa-envelope"></i>contact@gocosy.com</a>
                <span class="text">Gocosy – Transforming spaces with elegant and innovative interior design solutions.</span>
              </div>
            </div>
          </div>
        </div>
      </div>

<div class="offcanvas offcanvas-end header-sidepanel bg-dark" tabindex="-1" id="offcanvasRight">
        <div class="offcanvas-header text-end justify-content-end">
          <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close">
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.19995 25.5841L25.7999 3.98413" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M4.19995 3.98413L25.7999 25.5841" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </button>
        </div>
        <div class="offcanvas-body d-flex align-content-between flex-wrap justify-content-center lenis-scroll-disable">
          <div class="sidebar-menu">
            <div class="logo">
              <a href="index.php">
                <img class="img-fluid" src="images/Artboard_1-removebg-preview.png" alt="Main logo">
              </a>
            </div>
            <div class="about-us-box">
  <h4 class="title mb-3">About Us</h4>
  <p>At GoCosy, we turn houses into homes with warmth, style, and soul. Our designs are inspired by comfort, shaped by your lifestyle, and crafted with a personal touch. Whether it’s a quiet corner or a complete makeover, we bring coziness to every space—one detail at a time.</p>
</div>

<div class="contact-info-box">
              <h4 class="mb-3">Contact Info</h4>
              <p><a href="mailto:info@example.com">contact@gocosy.com</a></p>
              <p><a href="tel:919082458900">+919082458900</a></p>
            </div>
            <a href="contact-us.php" class="btn"><span> Enquiry Now</span></a>
          </div>
        </div>
      </div>