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>
</ul>
</li>
<li className="dropdown relative group" >
<Link href="/etobicoke-treatment-service" >
Services
</Link>
<li className="dropdown relative group" >
<Link href="/etobicoke-treatment-service" >
Services
</Link>
{/* Dropdown */}
<ul className="absolute left-0 hidden group-hover:grid p-4
{/* Dropdown */}
<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"
style={{ columnCount: 4, width:"800px" }}>
{servicesList.map((item) => (
<li key={item.id} className="break-inside-avoid">
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
{item.shortTitle}
</Link>
</li>
))}
</ul>
</li>
style={{ columnCount: 4, width: "100%", left:"0px" }}>
{servicesList.map((item) => (
<li key={item.id} className="break-inside-avoid">
<Link
href={`/etobicoke-treatment-service/${item.slug}`}
>
{item.shortTitle}
</Link>
</li>
))}
</ul>
</li>
{/* <li className="dropdown"><Link href="/">Team</Link>
<ul>