services mega menu structure updated
This commit is contained in:
parent
ca56eb2569
commit
fd64105c9a
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user