services mega menu structure updated

This commit is contained in:
Alaguraj0361 2025-08-30 14:24:59 +05:30
parent ca56eb2569
commit fd64105c9a

View File

@ -33,27 +33,27 @@ export default function Menu() {
<li><Link href="/covid-19-updates">Covid-19-Updates</Link></li> <li><Link href="/covid-19-updates">Covid-19-Updates</Link></li>
</ul> </ul>
</li> </li>
<li className="dropdown relative group" > <li className="dropdown relative group" >
<Link href="/etobicoke-treatment-service" > <Link href="/etobicoke-treatment-service" >
Services Services
</Link> </Link>
{/* Dropdown */} {/* Dropdown */}
<ul className="absolute left-0 hidden group-hover:grid p-4 <ul className="absolute left-0 hidden group-hover:grid p-4
grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4" grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"
style={{ columnCount: 4, width:"800px" }}> style={{ columnCount: 4, width: "100%", left:"0px" }}>
{servicesList.map((item) => ( {servicesList.map((item) => (
<li key={item.id} className="break-inside-avoid"> <li key={item.id} className="break-inside-avoid">
<Link <Link
href={`/etobicoke-treatment-service/${item.slug}`} href={`/etobicoke-treatment-service/${item.slug}`}
> >
{item.shortTitle} {item.shortTitle}
</Link> </Link>
</li> </li>
))} ))}
</ul> </ul>
</li> </li>
{/* <li className="dropdown"><Link href="/">Team</Link> {/* <li className="dropdown"><Link href="/">Team</Link>
<ul> <ul>