Chilli Masala Indian Restaurant in Lowerhutt

/* ==== POPUP OVERLAY ==== */ /* ==== POPUP BOX ==== */ width: 360px; /* desktop width */ /* ==== CLOSE BUTTON (TOP CORNER) ==== */ /* ==== IMAGE (SQUARE) ==== */ aspect-ratio: 1 / 1; /* perfect square */ /* ==== ORDER BUTTON ==== */ /* ==== MOBILE TWEAKS ==== */ /* Demo page content just to show behind popup */ Chilli Masala Indian Restaurant in Lowerhutt/title> <meta name="description" content="At Chilli Masala, we take pride in serving an irresistible fusion of authentic Indian and Chinese cuisine. Our carefully craftedlunch and dinner menus showcase vibrant flavours from every corner of India, right here in the heart of Wellington. With a team of highly skilled chefs, each bringing years of experience from prestigious five-star hotels and renowned culinary establishments in India, every dish is a celebration of expertise and tradition. We are committed to New Zealand’s high food standards, using only the freshest, top-quality ingredients. Every meal is prepared to order, ensuring rich taste, freshness, and an unforgettable dining experience" /> " /> <meta name="robots" content="index,follow" /  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet"> <style> /* --- Prevent content sliding under header + horizontal padding --- */ body { margin: 0; /* top = header height, left/right = 1.5rem */ padding: 72px 1.5rem 0; font-family: 'Poppins', sans-serif; } /* --- Fixed Top Nav --- */ .main-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } .navbar { display: flex; justify-content: space-between; /* logo + nav at ends */ align-items: center; /* increased horizontal padding for extra space */ padding: 1.25rem 3rem; background: #f4e1c2; } /* Logo */ .navbar .logo img { display: block; height: 40px; } /* Desktop Links */ .navbar .nav-links { list-style: none; display: flex; gap: 2.5rem; } .navbar .nav-links li a { text-decoration: none; color: #000000; text-transform: capitalize; font-weight: 600; font-size: 1.500rem; transition: opacity .2s; } .navbar .nav-links li a:hover { opacity: .7; } /* Mobile toggle text */ .navbar .hamburger { display: none; cursor: pointer; } /* Off-canvas mobile nav */ @media (max-width: 768px) { .navbar .nav-links { position: fixed; top: 0; right: 0; width: 240px; height: 100%; background: #ffffff; flex-direction: column; padding-top: 72px; transform: translateX(100%); transition: transform .3s ease-in-out; z-index: 1001; } .navbar .nav-links.open { transform: translateX(0); } .navbar .nav-links li a { display: block; width: 100%; padding: 1rem 2rem; font-size: 1.5rem; } /* show “Menu”/“Close” label */ .navbar .hamburger { display: block; color: #000000; text-transform: capitalize; letter-spacing: .1em; font-weight: 600; font-size: 1.5rem; user-select: none; z-index: 20000; } } .navbar .hamburger::after { content: 'Menu'; } .navbar .hamburger.active::after { content: 'X'; } } </style> </head> <body> <header class="main-header"> <nav class="navbar">  <a href="https://chillimasala.co.nz/" class="logo" aria-label="Chilli Masala Home"> <img src="logo.png" alt="Chilli Masala"> </a>  <ul class="nav-links"> <li><a href="https://chillimasala.co.nz/#home">Home</a></li> <li><a href="https://chillimasala.co.nz/#about">About Us</a></li> <li><a href="https://order.sipocloudpos.com/chilli-masala">Order Online</a></li> <li><a href="https://reservation.sipocloudpos.com/chilli-masala">Book a Table</a></li> <li><a href="https://chillimasala.co.nz/#chef-s-touch">Our Menu</a></li> <li><a href="https://chillimasala.co.nz/#reviews">Reviews</a></li> <li><a href="https://chillimasala.co.nz/contact/">Contact</a></li> </ul>  <div class="hamburger" aria-label="Toggle menu"></div> </nav> </header> <main>  </main> <script> const burger = document.querySelector('.navbar .hamburger'); const navLinks = document.querySelector('.navbar .nav-links'); const navItems = document.querySelectorAll('.navbar .nav-links li a'); // Toggle menu open/close burger.addEventListener('click', () => { navLinks.classList.toggle('open'); burger.classList.toggle('active'); }); // Close menu after clicking any nav link navItems.forEach(link => { link.addEventListener('click', () => { navLinks.classList.remove('open'); burger.classList.remove('active'); }); }); </script> <html dir="ltr" lang="en" class="theme light classic"><head><meta charset="utf-8"><title>Chili Masala - Indian Restaurant in Town