535 results for '"heavy velvet upholstery fabric"'

<div class="relative" data-x-data="{selected: 0, selectedChild: 0, height: 0, $navPagesSub: null}">
<nav class="flex text-sm 3xl:text-base">
<ul class="flex flex-1 flex-wrap -mx-1 py-1 3xl:-mx-2">
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="OUTDOOR FABRIC"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1971 ? 0 : 1971;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1971) && 'bg-white text-primary-600'"
>OUTDOOR FABRIC<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1971"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/marine-patio-fabric/"
aria-label="All OUTDOOR FABRIC"
>
All OUTDOOR FABRIC
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1992,
'hover:bg-primary-100': selectedChild !== 1992
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/awning-weight-fabrics/"
aria-label="AWNING WEIGHT FABRICS"
data-x-on:click.prevent="selectedChild = 1992"
data-x-on:mouseenter="selectedChild = 1992"
>
AWNING WEIGHT FABRICS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1992 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1992" class="navPages-sub" data-category-id="1992" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1992) && (selectedChild = 1992)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/recacril-marine-sale/"
aria-label="Recacril Marine - SALE!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/recacril-marine--sale__35721.original.jpg"
alt="Recacril Marine - SALE!!"
width="32"
height="24"
loading="lazy"
/>
<span>Recacril Marine - SALE!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-brand-awning-sale/"
aria-label="Docril Brand Awning -- SALE!!!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/docril-brand-awning__90099.original.jpg"
alt="Docril Brand Awning -- SALE!!!"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Brand Awning -- SALE!!!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/awning-sale/"
aria-label="REMNANTS & DEALS!"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/remnants--deals-awning__77950.original.jpg"
alt="REMNANTS & DEALS!"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS!</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-awning-weight/"
aria-label="Sunbrella Awning Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-awning-weight__72792.original.jpg"
alt="Sunbrella Awning Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Awning Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/60-inch-sunbrella-awning/"
aria-label="60 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-inch-sunbrella-awning__89829.original.jpg"
alt="60 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>60 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/46-inch-sunbrella-fabric-awning-marine/"
aria-label="46" Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/46-inch-sunbrella-awning__10862.original.jpg"
alt="46" Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>46" Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/80-inch-awning-marine-fabric/"
aria-label="80 Inch Sunbrella Awning"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/80-inch-sunbrella-awning__40510.original.jpg"
alt="80 Inch Sunbrella Awning"
width="32"
height="24"
loading="lazy"
/>
<span>80 Inch Sunbrella Awning</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunreal/"
aria-label="SunReal Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/sunreal-fabric__01731.original.jpg"
alt="SunReal Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>SunReal Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-binding/"
aria-label="SUNBRELLA BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/sunbrella-binding__65304.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>SUNBRELLA BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1993,
'hover:bg-primary-100': selectedChild !== 1993
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/patio-outdoor-upholstery/"
aria-label="PATIO & OUTDOOR UPHOLSTERY"
data-x-on:click.prevent="selectedChild = 1993"
data-x-on:mouseenter="selectedChild = 1993"
>
PATIO & OUTDOOR UPHOLSTERY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1993 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1993" class="navPages-sub" data-category-id="1993" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1993) && (selectedChild = 1993)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/in-out-upholstery-sale/"
aria-label="REMNANTS & DEALS"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/remnants--deals__18140.original.jpg"
alt="REMNANTS & DEALS"
width="32"
height="24"
loading="lazy"
/>
<span>REMNANTS & DEALS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdoor-canvas/"
aria-label="Outdoor Canvas"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-canvas__88148.original.jpg"
alt="Outdoor Canvas"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor Canvas</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/premier-prints-outdor/"
aria-label="Premier Prints Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/premier-prints-outdoor__29213.original.jpg"
alt="Premier Prints Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Premier Prints Outdoor</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/printed-outdoor-fabrics/"
aria-label="Printed Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/printed-outdoor-fabrics__20480.original.jpg"
alt="Printed Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Printed Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-furniture-weight-fabric/"
aria-label="Sunbrella Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-furniture-weight__94356.original.jpg"
alt="Sunbrella Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tommy-bahama/"
aria-label="Tommy Bahama"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tommy-bahama__65512.original.jpg"
alt="Tommy Bahama"
width="32"
height="24"
loading="lazy"
/>
<span>Tommy Bahama</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/docril-outdoor-fabrics/"
aria-label="Docril Outdoor Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/docril-outdoor-fabrics__53616.original.jpg"
alt="Docril Outdoor Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Docril Outdoor Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bella-dura-coming-soon/"
aria-label="Bella-Dura"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/belladura__19760.original.jpg"
alt="Bella-Dura"
width="32"
height="24"
loading="lazy"
/>
<span>Bella-Dura</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/outdura-furniture-weight-fabrics/"
aria-label="Outdura Furniture Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/outdura-furniture-weight__92817.original.jpg"
alt="Outdura Furniture Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Outdura Furniture Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/richloom-outdoor/"
aria-label="Richloom Outdoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/richloom-outdoor__73430.original.jpg"
alt="Richloom Outdoor"
width="32"
height="24"
loading="lazy"
/>
<span>Richloom Outdoor</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1994,
'hover:bg-primary-100': selectedChild !== 1994
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other/"
aria-label="SLING & OTHER"
data-x-on:click.prevent="selectedChild = 1994"
data-x-on:mouseenter="selectedChild = 1994"
>
SLING & OTHER
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1994 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1994" class="navPages-sub" data-category-id="1994" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1994) && (selectedChild = 1994)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-sling-other/"
aria-label="Sunbrella Sling + Other"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/sunbrella-sling--other__06978.original.jpg"
alt="Sunbrella Sling + Other"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Sling + Other</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/other-marine-fabrics/"
aria-label="Other Outdoor Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/other-outdoor-fabric__35457.original.jpg"
alt="Other Outdoor Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Other Outdoor Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1790,
'hover:bg-primary-100': selectedChild !== 1790
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-hardware-supplys/"
aria-label="MARINE HARDWARE / SUPPLIES"
data-x-on:click.prevent="selectedChild = 1790"
data-x-on:mouseenter="selectedChild = 1790"
>
MARINE HARDWARE / SUPPLIES
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1790 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1790" class="navPages-sub" data-category-id="1790" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1790) && (selectedChild = 1790)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-zippers-1/"
aria-label="Marine Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__43237.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-fasteners/"
aria-label="Marine Fasteners"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/marine-fasteners__02056.original.jpg"
alt="Marine Fasteners"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Fasteners</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/boat-top-hardware/"
aria-label="Boat Top Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/boat-top-hardware__56756.original.jpg"
alt="Boat Top Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Boat Top Hardware</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-carpet/"
aria-label="Marine Carpet"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-carpet__32532.original.jpg"
alt="Marine Carpet"
width="32"
height="24"
loading="lazy"
/>
<span>Marine Carpet</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cushion-underlining-marine-fabric/"
aria-label="Cushion Underlining"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/cushion-underlining__68221.original.jpg"
alt="Cushion Underlining"
width="32"
height="24"
loading="lazy"
/>
<span>Cushion Underlining</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1536,
'hover:bg-primary-100': selectedChild !== 1536
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunbrella-binding-trim/"
aria-label="SUNBRELLA BINDING"
data-x-on:click.prevent="selectedChild = 1536"
data-x-on:mouseenter="selectedChild = 1536"
>
SUNBRELLA BINDING
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1536 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1536" class="navPages-sub" data-category-id="1536" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1536) && (selectedChild = 1536)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/straight-cut-binding/"
aria-label="STRAIGHT CUT BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/straight-cut-binding__50896.original.jpg"
alt="STRAIGHT CUT BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>STRAIGHT CUT BINDING</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bias-cutt-binding/"
aria-label="BIAS CUTT BINDING"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/bias-cutt-binding__03305.original.jpg"
alt="BIAS CUTT BINDING"
width="32"
height="24"
loading="lazy"
/>
<span>BIAS CUTT BINDING</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1997,
'hover:bg-primary-100': selectedChild !== 1997
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/outdoor-cushion-foam/"
aria-label="OUTDOOR CUSHION & FOAM"
data-x-on:click.prevent="selectedChild = 1997"
data-x-on:mouseenter="selectedChild = 1997"
>
OUTDOOR CUSHION & FOAM
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1997 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1997" class="navPages-sub" data-category-id="1997" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1997) && (selectedChild = 1997)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiber-cushion-flo-thru/"
aria-label="FIBER CUSHION (FLO-THRU)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fiber-cushion-flothru__65231.original.jpg"
alt="FIBER CUSHION (FLO-THRU)"
width="32"
height="24"
loading="lazy"
/>
<span>FIBER CUSHION (FLO-THRU)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-batting-1/"
aria-label="Foam & Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting__76039.original.jpg"
alt="Foam & Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Foam & Batting</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1729,
'hover:bg-primary-100': selectedChild !== 1729
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunguard-thread-marine-thread/"
aria-label="MARINE / OUTDOOR THREAD"
data-x-on:click.prevent="selectedChild = 1729"
data-x-on:mouseenter="selectedChild = 1729"
>
MARINE / OUTDOOR THREAD
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1729 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1729" class="navPages-sub" data-category-id="1729" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1729) && (selectedChild = 1729)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/40-wt-common-thickness/"
aria-label="Tex 25 / 40 wt  Common Thickness"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/tex-25--40-wt--common-thickness__63066.original.jpg"
alt="Tex 25 / 40 wt  Common Thickness"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 / 40 wt  Common Thickness</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight/"
aria-label="Tex 50 Thread - Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-50-thread--light-weight__59512.original.jpg"
alt="Tex 50 Thread - Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-weight/"
aria-label="Tex 75 - Med/Hvy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tex-75--medhvy-weight__82007.original.jpg"
alt="Tex 75 - Med/Hvy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 - Med/Hvy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight/"
aria-label="Tex 90-100  - Heavy Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/tex-90100---heavy-weight__15673.original.jpg"
alt="Tex 90-100  - Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100  - Heavy Weight</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial/"
aria-label="V92 Commercial"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/v92-commercial__39020.original.jpg"
alt="V92 Commercial"
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch/"
aria-label="12 wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/12-wt-ultra-thick--top-stitch__88148.original.jpg"
alt="12 wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman/"
aria-label="GUTERMAN"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/guterman__19175.original.jpg"
alt="GUTERMAN"
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard/"
aria-label="SUNGUARD"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/sunguard__47146.original.jpg"
alt="SUNGUARD"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1977,
'hover:bg-primary-100': selectedChild !== 1977
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/water-friendly/"
aria-label="WATER FRIENDLY"
data-x-on:click.prevent="selectedChild = 1977"
data-x-on:mouseenter="selectedChild = 1977"
>
WATER FRIENDLY
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1977 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1977" class="navPages-sub" data-category-id="1977" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1977) && (selectedChild = 1977)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fabric-water-friendly/"
aria-label="Fabric & Water Friendly."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/fabric--water-friendly__31697.original.jpg"
alt="Fabric & Water Friendly."
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Friendly.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/uv-water-proof/"
aria-label="Fabric & Water Proof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/fabric--water-proof__64690.original.jpg"
alt="Fabric & Water Proof"
width="32"
height="24"
loading="lazy"
/>
<span>Fabric & Water Proof</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/vinyl-waterproof/"
aria-label="Vinyl & Waterproof"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/vinyl--waterproof__80084.original.jpg"
alt="Vinyl & Waterproof"
width="32"
height="24"
loading="lazy"
/>
<span>Vinyl & Waterproof</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1992"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="VINYL - MARINE & AUTO"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1395 ? 0 : 1395;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1395) && 'bg-white text-primary-600'"
>VINYL - MARINE & AUTO<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1395"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
aria-label="All VINYL - MARINE & AUTO"
>
All VINYL - MARINE & AUTO
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2149,
'hover:bg-primary-100': selectedChild !== 2149
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/remnants-deals-marine-vinyl/"
aria-label="REMNANTS & DEALS (Marine Vinyl)"
>
REMNANTS & DEALS (Marine Vinyl)
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2052,
'hover:bg-primary-100': selectedChild !== 2052
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/marine-vinyl-by-color/"
aria-label="MARINE VINYL BY COLOR"
data-x-on:click.prevent="selectedChild = 2052"
data-x-on:mouseenter="selectedChild = 2052"
>
MARINE VINYL BY COLOR
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2052 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2052" class="navPages-sub" data-category-id="2052" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2052) && (selectedChild = 2052)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/black-marine-vinyl/"
aria-label="Black Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/black-marine-vinyl__80722.original.jpg"
alt="Black Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Black Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/brown-marine-vinyl/"
aria-label="Brown Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/brown-marine-vinyl__16344.original.jpg"
alt="Brown Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/white-marine-vinyl/"
aria-label="White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/white-marine-vinyl__19075.original.jpg"
alt="White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-white-marine-vinyl/"
aria-label="Off White Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/off-white-marine-vinyl__26378.original.jpg"
alt="Off White Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Off White Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beige-tan-marine-vinyls/"
aria-label="Beige & Tan Marine Vinyls"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/beige--tan-marine-vinyls__07395.original.jpg"
alt="Beige & Tan Marine Vinyls"
width="32"
height="24"
loading="lazy"
/>
<span>Beige & Tan Marine Vinyls</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gray-marine-vinyl/"
aria-label="Gray Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/gray-marine-vinyl__40170.original.jpg"
alt="Gray Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/red-marine-vinyl/"
aria-label="Red Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/red-marine-vinyl__29416.original.jpg"
alt="Red Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Red Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/blue-marine-vinyl/"
aria-label="Blue Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/blue-marine-vinyl__18966.original.jpg"
alt="Blue Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-marine-vinyl/"
aria-label="Yellow Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/yellow-marine-vinyl__64968.original.jpg"
alt="Yellow Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orange-marine-vinyl/"
aria-label="Orange Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/orange-marine-vinyl__26396.original.jpg"
alt="Orange Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/green-marine-vinyl/"
aria-label="Green Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/green-marine-vinyl__40563.original.jpg"
alt="Green Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Green Marine Vinyl</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2051,
'hover:bg-primary-100': selectedChild !== 2051
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/seaquest-marine-vinyl/"
aria-label="SEAQUEST MARINE VINYL"
data-x-on:click.prevent="selectedChild = 2051"
data-x-on:mouseenter="selectedChild = 2051"
>
SEAQUEST MARINE VINYL
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2051 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2051" class="navPages-sub" data-category-id="2051" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2051) && (selectedChild = 2051)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-pleated-marine-vinyl-automotive/"
aria-label="Seaquest Pleated Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-pleated-vinyl__22963.original.jpg"
alt="Seaquest Pleated Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Pleated Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-flat-vinyl/"
aria-label="Seaquest Flat Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-flat-vinyl__03504.original.jpg"
alt="Seaquest Flat Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Flat Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-marine-vinyl-by-color/"
aria-label="SEAQUEST BY COLOR"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/seaquest-by-color__51714.original.jpg"
alt="SEAQUEST BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<span>SEAQUEST BY COLOR</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1988,
'hover:bg-primary-100': selectedChild !== 1988
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/spradling-soft-side/"
aria-label="SPRADLING SOFT SIDE"
data-x-on:click.prevent="selectedChild = 1988"
data-x-on:mouseenter="selectedChild = 1988"
>
SPRADLING SOFT SIDE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1988 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1988" class="navPages-sub" data-category-id="1988" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1988) && (selectedChild = 1988)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/allegro-by-spradling/"
aria-label="Allegro By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/allegro-by-spradling__37154.original.jpg"
alt="Allegro By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Allegro By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/anchor-by-spradling/"
aria-label="Anchor By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/anchor-by-spradling__53305.original.jpg"
alt="Anchor By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Anchor By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/carbon-fiber-vinyl/"
aria-label="Carbon Fiber Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/carbon-fiber-vinyl__73064.original.jpg"
alt="Carbon Fiber Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Carbon Fiber Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marlin-softside/"
aria-label="Marlin Softside By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/marlin-softside-by-spradling__44380.original.jpg"
alt="Marlin Softside By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Marlin Softside By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orion-by-spradling/"
aria-label="Orion By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/orion-by-spradling__21691.original.jpg"
alt="Orion By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Orion By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/polaris-by-spradling/"
aria-label="Polaris By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/polaris-by-spradling__27342.original.jpg"
alt="Polaris By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Polaris By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seabreeze-by-spradling/"
aria-label="Seabreeze By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/seabreeze-by-spradling__05003.original.jpg"
alt="Seabreeze By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Seabreeze By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/spradling-leon/"
aria-label="SPRADLING LEON"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/spradling-leon__66923.original.jpg"
alt="SPRADLING LEON"
width="32"
height="24"
loading="lazy"
/>
<span>SPRADLING LEON</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heidi-soft-marine-vinyl-boating/"
aria-label="Heidi Soft By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/heidi-soft-by-spradling__78731.original.jpg"
alt="Heidi Soft By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Heidi Soft By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/islander-marine-vinyl-softside-by-spradling/"
aria-label="Islander By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/islander-by-spradling__40001.original.jpg"
alt="Islander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Islander By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beluga-by-spradling/"
aria-label="Beluga By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/beluga-by-spradling__94493.original.jpg"
alt="Beluga By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Beluga By Spradling</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/zander-by-spradling/"
aria-label="Zander By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/zander-by-spradling__45869.original.jpg"
alt="Zander By Spradling"
width="32"
height="24"
loading="lazy"
/>
<span>Zander By Spradling</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1989,
'hover:bg-primary-100': selectedChild !== 1989
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-trim/"
aria-label="VINYL TRIM"
data-x-on:click.prevent="selectedChild = 1989"
data-x-on:mouseenter="selectedChild = 1989"
>
VINYL TRIM
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1989 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1989" class="navPages-sub" data-category-id="1989" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1989) && (selectedChild = 1989)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-vinyl-welt-marine-boating/"
aria-label="Seaquest Welt"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/seaquest-welt__78449.original.jpg"
alt="Seaquest Welt"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Welt</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-hidem-marine-boating/"
aria-label="Seaquest Hidem"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-hidem__38429.original.jpg"
alt="Seaquest Hidem"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Hidem</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1990,
'hover:bg-primary-100': selectedChild !== 1990
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/specialty-vinyls/"
aria-label="SPECIALTY VINYLS"
data-x-on:click.prevent="selectedChild = 1990"
data-x-on:mouseenter="selectedChild = 1990"
>
SPECIALTY VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1990 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1990" class="navPages-sub" data-category-id="1990" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1990) && (selectedChild = 1990)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sling-vinyl-mesh/"
aria-label="Sling + Vinyl Mesh"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/sling--vinyl-mesh__05090.original.jpg"
alt="Sling + Vinyl Mesh"
width="32"
height="24"
loading="lazy"
/>
<span>Sling + Vinyl Mesh</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-backed-vinyl-1/"
aria-label="Foam Backed Vinyl."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/foam-backed-vinyl__84066.original.jpg"
alt="Foam Backed Vinyl."
width="32"
height="24"
loading="lazy"
/>
<span>Foam Backed Vinyl.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/clear-vinyl-fabrics/"
aria-label="Clear Vinyl 54W"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/clear-vinyl-54w__87281.original.jpg"
alt="Clear Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<span>Clear Vinyl 54W</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1991,
'hover:bg-primary-100': selectedChild !== 1991
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other-marine-vinyls/"
aria-label="OTHER MARINE VINYLS"
data-x-on:click.prevent="selectedChild = 1991"
data-x-on:mouseenter="selectedChild = 1991"
>
OTHER MARINE VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1991 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1991" class="navPages-sub" data-category-id="1991" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1991) && (selectedChild = 1991)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nautolex/"
aria-label="Nautolex"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/nautolex__33220.original.jpg"
alt="Nautolex"
width="32"
height="24"
loading="lazy"
/>
<span>Nautolex</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ottertex-marine-vinyl/"
aria-label="Ottertex Marine Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/ottertex-marine-vinyl__23885.original.jpg"
alt="Ottertex Marine Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Ottertex Marine Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/seaquest-boating-marine-vinyl/"
aria-label="Seaquest Vinyl 54W"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-vinyl-54w__73686.original.jpg"
alt="Seaquest Vinyl 54W"
width="32"
height="24"
loading="lazy"
/>
<span>Seaquest Vinyl 54W</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fortress-marine/"
aria-label="Fortress (On Sale!)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/fortress-on-sale__06896.original.jpg"
alt="Fortress (On Sale!)"
width="32"
height="24"
loading="lazy"
/>
<span>Fortress (On Sale!)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunbrella-seamark/"
aria-label="Sunbrella Seamark"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/sunbrella-seamark__02842.original.jpg"
alt="Sunbrella Seamark"
width="32"
height="24"
loading="lazy"
/>
<span>Sunbrella Seamark</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-brand-marine-vinyl-54w/"
aria-label="House Brand (Sale)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/house-brand-sale__28819.original.jpg"
alt="House Brand (Sale)"
width="32"
height="24"
loading="lazy"
/>
<span>House Brand (Sale)</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1914,
'hover:bg-primary-100': selectedChild !== 1914
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-marine-thread/"
aria-label="VINYL & MARINE THREAD"
data-x-on:click.prevent="selectedChild = 1914"
data-x-on:mouseenter="selectedChild = 1914"
>
VINYL & MARINE THREAD
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1914 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1914" class="navPages-sub" data-category-id="1914" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1914) && (selectedChild = 1914)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/40-wt-common/"
aria-label="Tex 25 / 40 wt. Common."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-25--40-wt-common__60044.original.jpg"
alt="Tex 25 / 40 wt. Common."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 / 40 wt. Common.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-wght/"
aria-label="Tex 50 Thread - Light Wght."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tex-50-thread--light-wght__66645.original.jpg"
alt="Tex 50 Thread - Light Wght."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Wght.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-thin-1/"
aria-label="Tex 90 THICK"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/tex-90-thick__92683.original.jpg"
alt="Tex 90 THICK"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90 THICK</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-hvy-weight-1/"
aria-label="Tex 75 - Med/HVY Weight."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/tex-75--medhvy-weight__08310.original.jpg"
alt="Tex 75 - Med/HVY Weight."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 - Med/HVY Weight.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight-1/"
aria-label="Tex 90-100 - Heavy Weight."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/tex-90100--heavy-weight__94519.original.jpg"
alt="Tex 90-100 - Heavy Weight."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100 - Heavy Weight.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-1/"
aria-label="12 Wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/12-wt-ultra-thick--top-stitch__84541.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/b92-commercial-1/"
aria-label="B92 Commercial."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/b92-commercial__73457.original.jpg"
alt="B92 Commercial."
width="32"
height="24"
loading="lazy"
/>
<span>B92 Commercial.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman-1/"
aria-label="GUTERMAN."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/guterman__42222.original.jpg"
alt="GUTERMAN."
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard-1/"
aria-label="SUNGUARD."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/sunguard__73614.original.jpg"
alt="SUNGUARD."
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD.</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2064,
'hover:bg-primary-100': selectedChild !== 2064
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/marine-vinyl-brochure/"
aria-label="MARINE VINYL BROCHURE"
>
MARINE VINYL BROCHURE
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1289,
'hover:bg-primary-100': selectedChild !== 1289
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/automotive-fabric-headliner-vinyl-upholstery-by-the-yard/"
aria-label="AUTOMOTIVE"
data-x-on:click.prevent="selectedChild = 1289"
data-x-on:mouseenter="selectedChild = 1289"
>
AUTOMOTIVE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1289 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1289" class="navPages-sub" data-category-id="1289" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1289) && (selectedChild = 1289)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-headliner-1/"
aria-label="AUTO HEADLINER"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/auto-headliner__08771.original.jpg"
alt="AUTO HEADLINER"
width="32"
height="24"
loading="lazy"
/>
<span>AUTO HEADLINER</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/automotive-vinyls/"
aria-label="Automotive Vinyls"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/automotive-vinyls__46492.original.jpg"
alt="Automotive Vinyls"
width="32"
height="24"
loading="lazy"
/>
<span>Automotive Vinyls</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-by-common-use/"
aria-label="AUTO BY COMMON PROJECTS"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/auto-by-common-projects__23634.original.jpg"
alt="AUTO BY COMMON PROJECTS"
width="32"
height="24"
loading="lazy"
/>
<span>AUTO BY COMMON PROJECTS</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-thread-uv/"
aria-label="Auto Thread / UV"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/auto-thread--uv__66873.original.jpg"
alt="Auto Thread / UV"
width="32"
height="24"
loading="lazy"
/>
<span>Auto Thread / UV</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/auto-hardware/"
aria-label="Auto Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/auto-hardware__89024.original.jpg"
alt="Auto Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Auto Hardware</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 2052"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/upholstery-fabrics/"
aria-label="UPHOLSTERY"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1686 ? 0 : 1686;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1686) && 'bg-white text-primary-600'"
>UPHOLSTERY<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1686"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/upholstery-fabrics/"
aria-label="All UPHOLSTERY"
>
All UPHOLSTERY
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2150,
'hover:bg-primary-100': selectedChild !== 2150
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/remnants-deals-upholstery/"
aria-label="REMNANTS & DEALS."
>
REMNANTS & DEALS.
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2098,
'hover:bg-primary-100': selectedChild !== 2098
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-by-pattern-theme/"
aria-label="UPHOLSTERY BY PATTERN"
data-x-on:click.prevent="selectedChild = 2098"
data-x-on:mouseenter="selectedChild = 2098"
>
UPHOLSTERY BY PATTERN
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2098 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2098" class="navPages-sub" data-category-id="2098" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2098) && (selectedChild = 2098)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/abstract-upholstery/"
aria-label="Abstract Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/abstract-upholstery__82224.original.jpg"
alt="Abstract Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Abstract Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/animal-theme-upholstery/"
aria-label="Animal Theme Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animal-theme-upholstery__52938.original.jpg"
alt="Animal Theme Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Animal Theme Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/checks-plaid-upholstery/"
aria-label="Checks & Plaid Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/checks--plaid-upholstery__39400.original.jpg"
alt="Checks & Plaid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Checks & Plaid Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/chevron-upholstery/"
aria-label="Chevron Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/chevron-upholstery__21866.original.jpg"
alt="Chevron Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Chevron Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/damask-upholstery/"
aria-label="Damask Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/damask-upholstery__29203.original.jpg"
alt="Damask Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Damask Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/geometric-upholstery/"
aria-label="Geometric Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/geometric-upholstery__53420.original.jpg"
alt="Geometric Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Geometric Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ikat-upholstery/"
aria-label="Ikat Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/ikat-upholstery__27432.original.jpg"
alt="Ikat Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Ikat Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/jacobean-upholstery/"
aria-label="Jacobean Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacobean-upholstery__98688.original.jpg"
alt="Jacobean Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Jacobean Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/lattice-upholstery/"
aria-label="Lattice Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/lattice-upholstery__27479.original.jpg"
alt="Lattice Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Lattice Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/medallion-upholstery/"
aria-label="Medallion Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/medallion-upholstery__49200.original.jpg"
alt="Medallion Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Medallion Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/ogee-upholstery/"
aria-label="Ogee Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/ogee-upholstery__97529.original.jpg"
alt="Ogee Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Ogee Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/paisley-upholstery/"
aria-label="Paisley Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/paisley-upholstery__07043.original.jpg"
alt="Paisley Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Paisley Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/polka-dot-upholstery/"
aria-label="Polka Dot Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/polka-dot-upholstery__47553.original.jpg"
alt="Polka Dot Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Polka Dot Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/scrollwork-upholstery/"
aria-label="Scrollwork Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/scrollwork-upholstery__95954.original.jpg"
alt="Scrollwork Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Scrollwork Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/solid-upholstery/"
aria-label="Solid Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/solid-upholstery__96077.original.jpg"
alt="Solid Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Solid Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/striped-upholstery/"
aria-label="Striped Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/striped-upholstery__24899.original.jpg"
alt="Striped Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Striped Upholstery</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2080,
'hover:bg-primary-100': selectedChild !== 2080
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-by-color/"
aria-label="UPHOLSTERY BY COLOR"
data-x-on:click.prevent="selectedChild = 2080"
data-x-on:mouseenter="selectedChild = 2080"
>
UPHOLSTERY BY COLOR
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2080 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2080" class="navPages-sub" data-category-id="2080" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2080) && (selectedChild = 2080)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/beige-upholstery/"
aria-label="Beige Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/beige-upholstery__55947.original.jpg"
alt="Beige Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Beige Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/black-upholstery/"
aria-label="Black Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-upholstery-fabric__87473.original.jpg"
alt="Black Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Black Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/blue-upholstery/"
aria-label="Blue Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/blue-upholstery-fabric__64002.original.jpg"
alt="Blue Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Blue Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/bronze-upholstery/"
aria-label="Bronze Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/bronze-upholstery__08527.original.jpg"
alt="Bronze Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Bronze Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/brown-upholstery/"
aria-label="Brown Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/brown-upholstery-fabric__44186.original.jpg"
alt="Brown Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Brown Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gold-upholstery/"
aria-label="Gold Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/gold-upholstery-fabric__51212.original.jpg"
alt="Gold Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gold Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/gray-upholstery/"
aria-label="Gray Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/gray-upholstery-fabric__78842.original.jpg"
alt="Gray Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gray Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/green-upholstery/"
aria-label="Green Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-upholstery-fabric__60250.original.jpg"
alt="Green Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Green Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/off-white-upholstery/"
aria-label="Off White Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/off-white-upholstery__24103.original.jpg"
alt="Off White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Off White Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/orange-upholstery/"
aria-label="Orange Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/orange-upholstery-fabric__04434.original.jpg"
alt="Orange Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Orange Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pink-upholstery/"
aria-label="Pink Upholstery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pink-upholstery-fabric__11907.original.jpg"
alt="Pink Upholstery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Pink Upholstery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/purple-upholstery/"
aria-label="Purple Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/purple-upholstery__73944.original.jpg"
alt="Purple Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Purple Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/red-upholstery/"
aria-label="Red Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/red-upholstery__73329.original.jpg"
alt="Red Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Red Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/silver-upholstery/"
aria-label="Silver Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/silver-upholstery__92742.original.jpg"
alt="Silver Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Silver Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tan-upholstery/"
aria-label="Tan Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/tan-upholstery__55723.original.jpg"
alt="Tan Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Tan Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/white-upholstery/"
aria-label="White Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/white-upholstery__20394.original.jpg"
alt="White Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>White Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/yellow-upholstery/"
aria-label="Yellow Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/yellow-upholstery__64356.original.jpg"
alt="Yellow Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Upholstery</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1970,
'hover:bg-primary-100': selectedChild !== 1970
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-fabrics-1/"
aria-label="UPHOLSTERY BY TYPE"
data-x-on:click.prevent="selectedChild = 1970"
data-x-on:mouseenter="selectedChild = 1970"
>
UPHOLSTERY BY TYPE
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1970 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1970" class="navPages-sub" data-category-id="1970" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1970) && (selectedChild = 1970)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/woven-upholstery-fabrics/"
aria-label="All Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/all-upholstery__46478.original.jpg"
alt="All Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>All Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/crypton/"
aria-label="Crypton"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/crypton__32147.original.jpg"
alt="Crypton"
width="32"
height="24"
loading="lazy"
/>
<span>Crypton</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/jacquards/"
aria-label="Jacquards"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacquards__55431.original.jpg"
alt="Jacquards"
width="32"
height="24"
loading="lazy"
/>
<span>Jacquards</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/quilted/"
aria-label="Quilted"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/quilted__36376.original.jpg"
alt="Quilted"
width="32"
height="24"
loading="lazy"
/>
<span>Quilted</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/wool-1/"
aria-label="Wool."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/wool__99054.original.jpg"
alt="Wool."
width="32"
height="24"
loading="lazy"
/>
<span>Wool.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/embroidered-upholstery/"
aria-label="Embroidered  Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/embroidered--upholstery__32089.original.jpg"
alt="Embroidered  Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Embroidered  Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/basketweave-fabric/"
aria-label="Basketweave Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/basketweave-fabric__39275.original.jpg"
alt="Basketweave Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Basketweave Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/corduroy-fabric/"
aria-label="Corduroy Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/corduroy-fabric__60766.original.jpg"
alt="Corduroy Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Corduroy Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/chenille-uphlolstery/"
aria-label="Chenille Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/chenille-upholstery__70089.original.jpg"
alt="Chenille Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Chenille Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/linen-linen-likle/"
aria-label="Linen & Linen Like"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/linen--linen-like__25578.original.jpg"
alt="Linen & Linen Like"
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Like</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/micro-suede-fabrics/"
aria-label="Micro Suede Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/micro-suede-fabrics__33790.original.jpg"
alt="Micro Suede Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Micro Suede Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/microfiber-fabrics/"
aria-label="Microfiber Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/microfiber-fabric__05209.original.jpg"
alt="Microfiber Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Microfiber Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/marine-patio/"
aria-label="Outdoor (Marine & Patio)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/outdoor-marine--patio__65751.original.jpg"
alt="Outdoor (Marine & Patio)"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor (Marine & Patio)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/discount-robert-allen-fabrics/"
aria-label="Robert Allen"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/robert-allen__19138.original.jpg"
alt="Robert Allen"
width="32"
height="24"
loading="lazy"
/>
<span>Robert Allen</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/rustic-tapestry-fabrics/"
aria-label="Rustic Tapestry Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/rustic-tapestry-fabrics__11083.original.jpg"
alt="Rustic Tapestry Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Rustic Tapestry Fabrics</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/velvet-fabric/"
aria-label="Velvet Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/velvet-fabric__45006.original.jpg"
alt="Velvet Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Velvet Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/denim-upholstery/"
aria-label="Denim Upholstery"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/denim-upholstery__72947.original.jpg"
alt="Denim Upholstery"
width="32"
height="24"
loading="lazy"
/>
<span>Denim Upholstery</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cotton-canvas-duck-fabric/"
aria-label="Cotton Canvas + Duck"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/cotton-canvas--duck__18892.original.jpg"
alt="Cotton Canvas + Duck"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Canvas + Duck</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1986,
'hover:bg-primary-100': selectedChild !== 1986
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-fabric-by-weight/"
aria-label="UPHOLSTERY FABRIC BY WEIGHT"
data-x-on:click.prevent="selectedChild = 1986"
data-x-on:mouseenter="selectedChild = 1986"
>
UPHOLSTERY FABRIC BY WEIGHT
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1986 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1986" class="navPages-sub" data-category-id="1986" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1986) && (selectedChild = 1986)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/light-weight-home-decor-fabric/"
aria-label="Upholstery Light"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery-light__74103.original.jpg"
alt="Upholstery Light"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Light</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/medium-weight-drapery-curtain-upholstery-fabric/"
aria-label="Upholstery Medium"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-medium__18011.original.jpg"
alt="Upholstery Medium"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Medium</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heavy-weight-upholstery-fabrics-1/"
aria-label="Upholstery Heavy"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-heavy__15793.original.jpg"
alt="Upholstery Heavy"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Heavy</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-fabric-extra-heavy/"
aria-label="Upholstery Fabric EXTRA HEAVY"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/upholstery-fabric-extra-heavy__58247.original.jpg"
alt="Upholstery Fabric EXTRA HEAVY"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Fabric EXTRA HEAVY</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1949,
'hover:bg-primary-100': selectedChild !== 1949
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/vinyl-upholstery/"
aria-label="UPHOLSTERY VINYLS"
data-x-on:click.prevent="selectedChild = 1949"
data-x-on:mouseenter="selectedChild = 1949"
>
UPHOLSTERY VINYLS
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1949 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1949" class="navPages-sub" data-category-id="1949" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1949) && (selectedChild = 1949)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nassimi-classic-premium/"
aria-label="Nassimi Classic - Premium -"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nassimi-classic--premium__12625.original.jpg"
alt="Nassimi Classic - Premium -"
width="32"
height="24"
loading="lazy"
/>
<span>Nassimi Classic - Premium -</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nassimi-impulse-sale/"
aria-label="Nassimi Impulse - Sale! -"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/nassimi-impulse--sale__33912.original.jpg"
alt="Nassimi Impulse - Sale! -"
width="32"
height="24"
loading="lazy"
/>
<span>Nassimi Impulse - Sale! -</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-vinyl-fabric/"
aria-label="Non-Marine Upholstery Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/nonmarine-upholstery-vinyl__15150.original.jpg"
alt="Non-Marine Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Non-Marine Upholstery Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-vinyl-fabrics/"
aria-label="Upholstery Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/upholstery-vinyl__42335.original.jpg"
alt="Upholstery Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/pvc-free-vinyl-fabric-high-end/"
aria-label="Enviro Leather"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/enviro-leather__71849.original.jpg"
alt="Enviro Leather"
width="32"
height="24"
loading="lazy"
/>
<span>Enviro Leather</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/glitter-vinyl/"
aria-label="Glitter Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/glitter-vinyl__35710.original.jpg"
alt="Glitter Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Glitter Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/reptile-bird-vinyl/"
aria-label="Reptile & Bird  Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/reptile--bird--vinyl__93873.original.jpg"
alt="Reptile & Bird  Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Reptile & Bird  Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/3-ply-vinyl-industrial-strength/"
aria-label="3 Ply Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/3-ply-vinyl__65569.original.jpg"
alt="3 Ply Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>3 Ply Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/picnic-table-vinyl/"
aria-label="Picnic Table Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/picnic-table-vinyl__58738.original.jpg"
alt="Picnic Table Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Picnic Table Vinyl</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/table-top-picnic-table-vinyl/"
aria-label="Table Top Vinyl"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/table-top-vinyl__83529.original.jpg"
alt="Table Top Vinyl"
width="32"
height="24"
loading="lazy"
/>
<span>Table Top Vinyl</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1334,
'hover:bg-primary-100': selectedChild !== 1334
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/foam-batting-supplies/"
aria-label="Foam & Batting Supplies"
data-x-on:click.prevent="selectedChild = 1334"
data-x-on:mouseenter="selectedChild = 1334"
>
Foam & Batting Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1334 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1334" class="navPages-sub" data-category-id="1334" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1334) && (selectedChild = 1334)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/quilt-upholstery-batting-dacron-fiber/"
aria-label="Upholstery Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/upholstery-batting__76890.original.jpg"
alt="Upholstery Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Batting</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fiber-foam-lower-cost/"
aria-label="Fiber Foam (Lower Cost)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/fiber-foam-lower-cost__45719.original.jpg"
alt="Fiber Foam (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<span>Fiber Foam (Lower Cost)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/custom-cut-foam/"
aria-label="Custom Cut Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/custom-cut-foam__68706.original.jpg"
alt="Custom Cut Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Custom Cut Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/upholstery-foam/"
aria-label="Upholstery Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/upholstery-foam__10736.original.jpg"
alt="Upholstery Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/cushion-foam/"
aria-label="Cushion Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/cushion-foam__45494.original.jpg"
alt="Cushion Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Cushion Foam</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-batting/"
aria-label="Foam Batting"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/foam-batting__83568.original.jpg"
alt="Foam Batting"
width="32"
height="24"
loading="lazy"
/>
<span>Foam Batting</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/foam-glue/"
aria-label="Foam Glue"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/foam-glue__89422.original.jpg"
alt="Foam Glue"
width="32"
height="24"
loading="lazy"
/>
<span>Foam Glue</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/headliner-sew-foam/"
aria-label="Headliner + Sew Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/headliner--sew-foam__80835.original.jpg"
alt="Headliner + Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Headliner + Sew Foam</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1915,
'hover:bg-primary-100': selectedChild !== 1915
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/upholstery-thread/"
aria-label="Upholstery Thread"
data-x-on:click.prevent="selectedChild = 1915"
data-x-on:mouseenter="selectedChild = 1915"
>
Upholstery Thread
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1915 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1915" class="navPages-sub" data-category-id="1915" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1915) && (selectedChild = 1915)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-50-thread-light-weight-1/"
aria-label="Tex 50 Thread - Light Weight.."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/tex-50-thread--light-weight__63170.original.jpg"
alt="Tex 50 Thread - Light Weight.."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 50 Thread - Light Weight..</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-75-med-heavy-weight/"
aria-label="Tex 75 Med/Heavy Weight.."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/tex-75-medheavy-weight__27467.original.jpg"
alt="Tex 75 Med/Heavy Weight.."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 75 Med/Heavy Weight..</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/tex-90-100-heavy-weight-2/"
aria-label="Tex 90-100 - Heavy Weight..."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex-90100--heavy-weight__95447.original.jpg"
alt="Tex 90-100 - Heavy Weight..."
width="32"
height="24"
loading="lazy"
/>
<span>Tex 90-100 - Heavy Weight...</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-2/"
aria-label="12 Wt. Ultra Thick - Top Stitch"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/12-wt-ultra-thick--top-stitch__63207.original.jpg"
alt="12 Wt. Ultra Thick - Top Stitch"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt. Ultra Thick - Top Stitch</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/v92-commercial-1/"
aria-label="V92 Commercial ."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/b92-commercial__67471.original.jpg"
alt="V92 Commercial ."
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial .</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sunguard-commercial/"
aria-label="SUNGUARD (Commercial)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/sunguard-commercial__08164.original.jpg"
alt="SUNGUARD (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD (Commercial)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/high-spec-commercial/"
aria-label="HIGH SPEC (Commercial)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/high-spec-commercial__16908.original.jpg"
alt="HIGH SPEC (Commercial)"
width="32"
height="24"
loading="lazy"
/>
<span>HIGH SPEC (Commercial)</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/guterman-2/"
aria-label="GUTERMAN..."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/guterman__77708.original.jpg"
alt="GUTERMAN..."
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN...</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2000,
'hover:bg-primary-100': selectedChild !== 2000
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/other-supplies/"
aria-label="Other Supplies"
data-x-on:click.prevent="selectedChild = 2000"
data-x-on:mouseenter="selectedChild = 2000"
>
Other Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 2000 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2000" class="navPages-sub" data-category-id="2000" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2000) && (selectedChild = 2000)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/fabric-glue-adhesives/"
aria-label="Adhesives"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/adhesives__92729.original.jpg"
alt="Adhesives"
width="32"
height="24"
loading="lazy"
/>
<span>Adhesives</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/nails-tacks/"
aria-label="Nails & Tacks"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/nails--tacks__74698.original.jpg"
alt="Nails & Tacks"
width="32"
height="24"
loading="lazy"
/>
<span>Nails & Tacks</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/welt-piping/"
aria-label="Welt / Piping"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/welt--piping__23167.original.jpg"
alt="Welt / Piping"
width="32"
height="24"
loading="lazy"
/>
<span>Welt / Piping</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/burlap-edge-cord/"
aria-label="Burlap/Jute Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/burlapjute-webbing__56447.original.jpg"
alt="Burlap/Jute Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Burlap/Jute Webbing</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sewing-zipper/"
aria-label="Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/zippers__53655.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Zippers</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/grommet-kits/"
aria-label="Grommet Kits"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/grommet-kits__06136.original.jpg"
alt="Grommet Kits"
width="32"
height="24"
loading="lazy"
/>
<span>Grommet Kits</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/velcro-products-hook-loop/"
aria-label="Velcro Products"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/velcro-products__54712.original.jpg"
alt="Velcro Products"
width="32"
height="24"
loading="lazy"
/>
<span>Velcro Products</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 2098"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/curtain-fabric/"
aria-label="CURTAIN"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1685 ? 0 : 1685;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1685) && 'bg-white text-primary-600'"
>CURTAIN<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1685"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/curtain-fabric/"
aria-label="All CURTAIN"
>
All CURTAIN
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2133,
'hover:bg-primary-100': selectedChild !== 2133
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/oil-cloth/"
aria-label="Oil Cloth"
>
Oil Cloth
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1972,
'hover:bg-primary-100': selectedChild !== 1972
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/curtain-fabrics/"
aria-label="Curtain Fabrics By Type"
data-x-on:click.prevent="selectedChild = 1972"
data-x-on:mouseenter="selectedChild = 1972"
>
Curtain Fabrics By Type
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1972 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1972" class="navPages-sub" data-category-id="1972" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1972) && (selectedChild = 1972)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-fabric/"
aria-label="Drapery Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-fabric__09672.original.jpg"
alt="Drapery Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Fabric</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/linen-linen-like/"
aria-label="Linen & Linen Like."
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/linen--linen-like__76267.original.jpg"
alt="Linen & Linen Like."
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Like.</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-lining/"
aria-label="Drapery Lining"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-lining__14839.original.jpg"
alt="Drapery Lining"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Lining</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/sheer-and-lace-fabrics/"
aria-label="Sheer And Lace"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/sheer-and-lace__88734.original.jpg"
alt="Sheer And Lace"
width="32"
height="24"
loading="lazy"
/>
<span>Sheer And Lace</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/indoor-outdoor-fabrics/"
aria-label="Outdoor / Indoor"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/outdoor--indoor__11412.original.jpg"
alt="Outdoor / Indoor"
width="32"
height="24"
loading="lazy"
/>
<span>Outdoor / Indoor</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1817,
'hover:bg-primary-100': selectedChild !== 1817
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/"
aria-label="Curtain Supplies"
data-x-on:click.prevent="selectedChild = 1817"
data-x-on:mouseenter="selectedChild = 1817"
>
Curtain Supplies
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1817 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1817" class="navPages-sub" data-category-id="1817" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1817) && (selectedChild = 1817)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/all-other-sewing-upholstery-curtain-supplies/"
aria-label="All Other Supplies"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/all-other-supplies__51378.original.jpg"
alt="All Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<span>All Other Supplies</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/drapery-curtain-hardware/"
aria-label="Drapery Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/drapery-hardware__80009.original.jpg"
alt="Drapery Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Hardware</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1987,
'hover:bg-primary-100': selectedChild !== 1987
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/drapery-fabric-by-weight/"
aria-label="DRAPERY FABRIC BY WEIGHT"
data-x-on:click.prevent="selectedChild = 1987"
data-x-on:mouseenter="selectedChild = 1987"
>
DRAPERY FABRIC BY WEIGHT
<small class="icon icon-chevron-down absolute top-1/2 right-4 -rotate-90 -translate-y-1/2 pointer-events-none transition-all"
aria-hidden="true"
data-x-bind:class="(selectedChild === 1987 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1987" class="navPages-sub" data-category-id="1987" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1987) && (selectedChild = 1987)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/light-weight-curtain-drapery-fabrics/"
aria-label="Drapery Light"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/drapery-light__23376.original.jpg"
alt="Drapery Light"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Light</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/standard-weight-drapery-curtain-fabrics/"
aria-label="Drapery Medium"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/drapery-medium__91855.original.jpg"
alt="Drapery Medium"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Medium</span>
</a>
</li>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<a class="inline-flex items-center py-2 leading-none hover:text-link"
href="https://fabricwarehouse.com/heavy-weight-curtain-drapery-fabrics/"
aria-label="Drapery Heavy"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/f53d7260-3fb6-013f-71ed-36c64cf48870/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/drapery-heavy__88560.original.jpg"
alt="Drapery Heavy"
width="32"
height="24"
loading="lazy"
/>
<span>Drapery Heavy</span>
</a>
</li>
</ul>
</template>
</li>
</ul>
<div class="flex-1 h-64 max-h-[70vh] overflow-auto"
data-x-effect="$el.style.height = height + 'px';"
data-x-html-alt.referent.prevent-overflow-x="'#navPagesSub-' + selectedChild"
data-x-lazy.once="selectedChild = 1972"
></div>
</div>
</li>
<li>
<a class="inline-flex px-1 3xl:px-2 py-1 rounded-global hover:bg-white hover:text-primary-600 font-bold text-nowrap"
href="https://fabricwarehouse.com/leather/"
aria-label="LEATHER"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 2188 ? 0 : 2188;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 2188) && 'bg-white text-primary-600'"
>LEATHER<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-2188"
hidden=""
aria-hidden="true"
tabindex="-1"
>
<ul class="flex-initial bg-primary w-72 h-full max-h-[70vh] overflow-auto"
data-x-lazy="
height = $el.clientHeight;
$el.classList.remove('h-full');
"
>
<li class="hover:bg-primary-100">
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/leather/"
aria-label="All LEATHER"
>
All LEATHER
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2195,
'hover:bg-primary-100': selectedChild !== 2195
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/full-hides/"
aria-label="FULL HIDES"
>
FULL HIDES
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2190,
'hover:bg-primary-100': selectedChild !== 2190
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/half-hide-