Collections

White Outdoor Fabric

A collection of White Outdoor Fabric hand selected for your project COUPON 30% OFF Detail ViewRichloom Solarium Outdoor Telfair Midnight | Lightweight Outdoor Fabric | Home Decor Fabric |… read more
<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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/remnants--deals-inout__49802.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/belladura__06479.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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"
>
<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"
>
<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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric--water-friendly__29058.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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-soft-side/"
aria-label="Allegro By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/polaris-by-spradling__29116.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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"
>
<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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/spadling-softside-beluga/"
aria-label="Beluga By Spradling"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/nautolex__51892.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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"
href="https://fabricwarehouse.com/marine-vinyl-brochure/"
aria-label="MARINE VINYL BROCHURE"
data-x-on:click.prevent="selectedChild = 2064"
data-x-on:mouseenter="selectedChild = 2064"
>
MARINE VINYL BROCHURE
<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 === 2064 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2064" class="navPages-sub" data-category-id="2064" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2064) && (selectedChild = 2064)"
>
<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-fabric-headliner-vinyl-upholstery-by-the-yard/"
aria-label="AUTOMOTIVE"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/automotive__70801.original.jpg"
alt="AUTOMOTIVE"
width="32"
height="24"
loading="lazy"
/>
<span>AUTOMOTIVE</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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/snake-croc-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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/reptile--bird--vinyl__16885.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/adhesives__02541.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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/nails--tacks__87091.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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/welt--piping__91309.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/zippers__83703.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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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/650713a0-d0bd-013e-b516-32fe1a9facfb/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-leather/"
aria-label="HALF HIDE LEATHER"
>
HALF HIDE LEATHER
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2189,
'hover:bg-primary-100': selectedChild !== 2189
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/lamb-skins/"
aria-label="LAMB SKIN LEATHER"
>
LAMB SKIN LEATHER
</a>
</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 = 0"
></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/utility-fabric/"
aria-label="UTILITY"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1484 ? 0 : 1484;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1484) && 'bg-white text-primary-600'"
>UTILITY<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1484"
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/utility-fabric/"
aria-label="All UTILITY"
>
All UTILITY
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1815,
'hover:bg-primary-100': selectedChild !== 1815
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/burlap-fabrics/"
aria-label="Burlap Fabrics"
>
Burlap Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2123,
'hover:bg-primary-100': selectedChild !== 2123
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/denim-fabrics/"
aria-label="Denim Fabrics"
>
Denim Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2165,
'hover:bg-primary-100': selectedChild !== 2165
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/industial-vinyl/"
aria-label="Industial Vinyl"
>
Industial Vinyl
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2144,
'hover:bg-primary-100': selectedChild !== 2144
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/organic/"
aria-label="ORGANIC"
>
ORGANIC
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2164,
'hover:bg-primary-100': selectedChild !== 2164
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/un-treated-canvas-1/"
aria-label="Un-Treated Canvas."
>
Un-Treated Canvas.
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2128,
'hover:bg-primary-100': selectedChild !== 2128
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/waxed-canvas-1/"
aria-label="Waxed Canvas"
>
Waxed Canvas
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2141,
'hover:bg-primary-100': selectedChild !== 2141
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/webbing-straps/"
aria-label="WEBBING / STRAPS"
data-x-on:click.prevent="selectedChild = 2141"
data-x-on:mouseenter="selectedChild = 2141"
>
WEBBING / STRAPS
<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 === 2141 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2141" class="navPages-sub" data-category-id="2141" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2141) && (selectedChild = 2141)"
>
<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/1-poly-light-weight/"
aria-label="1" POLY Light Weight"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/1-poly-light-weight__00113.original.jpg"
alt="1" POLY Light Weight"
width="32"
height="24"
loading="lazy"
/>
<span>1" POLY Light Weight</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1727,
'hover:bg-primary-100': selectedChild !== 1727
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/all-other-utility-fabrics/"
aria-label="Other"
>
Other
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1372,
'hover:bg-primary-100': selectedChild !== 1372
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/screening-netting-berry-cloth-fabrics/"
aria-label="Screening & Netting"
>
Screening & Netting
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1812,
'hover:bg-primary-100': selectedChild !== 1812
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/felt-fabric/"
aria-label="Felt Fabric"
>
Felt Fabric
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1397,
'hover:bg-primary-100': selectedChild !== 1397
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/wool-fabrics-coating-rug/"
aria-label="Wool Fabrics"
>
Wool Fabrics
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1441,
'hover:bg-primary-100': selectedChild !== 1441
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/nylon-fabrics/"
aria-label="Nylon Fabrics"
data-x-on:click.prevent="selectedChild = 1441"
data-x-on:mouseenter="selectedChild = 1441"
>
Nylon 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 === 1441 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1441" class="navPages-sub" data-category-id="1441" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1441) && (selectedChild = 1441)"
>
<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/diamond-ripstop-nylon/"
aria-label="Diamond Ripstop Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/diamond-ripstop-nylon__16698.original.jpg"
alt="Diamond Ripstop Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>Diamond Ripstop Nylon</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-backed-nylon/"
aria-label="PVC Backed Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pvc-backed-nylon__04899.original.jpg"
alt="PVC Backed Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>PVC Backed Nylon</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/ultra-nylon-fabric/"
aria-label="Ultra Nylon Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/ultra-nylon-fabric__36516.original.jpg"
alt="Ultra Nylon Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ultra Nylon Fabric</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 = 2141"
></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/non-fabric-supplies/"
aria-label="SUPPLIES"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1973 ? 0 : 1973;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1973) && 'bg-white text-primary-600'"
>SUPPLIES<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1973"
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/non-fabric-supplies/"
aria-label="All SUPPLIES"
>
All SUPPLIES
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1954,
'hover:bg-primary-100': selectedChild !== 1954
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/zippers/"
aria-label="Zippers"
data-x-on:click.prevent="selectedChild = 1954"
data-x-on:mouseenter="selectedChild = 1954"
>
Zippers
<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 === 1954 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1954" class="navPages-sub" data-category-id="1954" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1954) && (selectedChild = 1954)"
>
<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/coil-zipper-by-the-yard/"
aria-label="COIL ZIPPER BY THE YARD"
>
<span>COIL ZIPPER BY THE YARD</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/metal-zipper-by-the-yard/"
aria-label="METAL ZIPPER BY THE YARD"
>
<span>METAL ZIPPER BY THE YARD</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/molded-zipper-by-the-yard/"
aria-label="MOLDED ZIPPER BY THE YARD"
>
<span>MOLDED ZIPPER BY THE YARD</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/zipper-tops-bottoms-stops/"
aria-label="ZIPPER TOPS & BOTTOMS & STOPS"
>
<span>ZIPPER TOPS & BOTTOMS & STOPS</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-zippers/"
aria-label="Marine Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/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__71887.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/separating-zippers-to-12/"
aria-label="Separating Zippers"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/separating-zippers-to-12__91165.original.jpg"
alt="Separating Zippers"
width="32"
height="24"
loading="lazy"
/>
<span>Separating Zippers</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2166,
'hover:bg-primary-100': selectedChild !== 2166
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/needles-scissors-notions/"
aria-label="Needles, Scissors & Notions"
>
Needles, Scissors & Notions
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1951,
'hover:bg-primary-100': selectedChild !== 1951
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/hardware/"
aria-label="Hardware | Snaps | Buckles"
data-x-on:click.prevent="selectedChild = 1951"
data-x-on:mouseenter="selectedChild = 1951"
>
Hardware | Snaps | Buckles
<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 === 1951 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1951" class="navPages-sub" data-category-id="1951" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1951) && (selectedChild = 1951)"
>
<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/grommets-grommet-kits/"
aria-label="GROMMETS & GROMMET KITS"
>
<span>GROMMETS & 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/poly-hardware/"
aria-label="Poly Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/poly-hardware__75054.original.jpg"
alt="Poly Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Poly 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/metal-hardware-1/"
aria-label="Metal Hardware"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/metal-hardware__07535.original.jpg"
alt="Metal Hardware"
width="32"
height="24"
loading="lazy"
/>
<span>Metal Hardware</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1975,
'hover:bg-primary-100': selectedChild !== 1975
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/foam-batting-3/"
aria-label="FOAM & BATTING"
data-x-on:click.prevent="selectedChild = 1975"
data-x-on:mouseenter="selectedChild = 1975"
>
FOAM & BATTING
<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 === 1975 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1975" class="navPages-sub" data-category-id="1975" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1975) && (selectedChild = 1975)"
>
<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/batting-products/"
aria-label="Batting Products"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/batting-products__21385.original.jpg"
alt="Batting Products"
width="32"
height="24"
loading="lazy"
/>
<span>Batting Products</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/fiver-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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/fiber-foam-lower-cost__05714.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/sew-foam/"
aria-label="Sew Foam"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/sew-foam__08745.original.jpg"
alt="Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<span>Sew Foam</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1385,
'hover:bg-primary-100': selectedChild !== 1385
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/"
aria-label="Webbing"
data-x-on:click.prevent="selectedChild = 1385"
data-x-on:mouseenter="selectedChild = 1385"
>
Webbing
<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 === 1385 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1385" class="navPages-sub" data-category-id="1385" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1385) && (selectedChild = 1385)"
>
<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-webbing-by-the-yard/"
aria-label="Cotton Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/cotton-webbing__80949.original.jpg"
alt="Cotton Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton 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/laminated-webbing/"
aria-label="Laminated Webbing"
>
<span>Laminated 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/poly-webbing-by-the-yard/"
aria-label="Poly Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/poly-webbing__79633.original.jpg"
alt="Poly Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Poly 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/seatbelt-webbing-by-the-yard/"
aria-label="Seatbelt Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/seatbelt-webbing__64860.original.jpg"
alt="Seatbelt Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Seatbelt 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/upholstery-webbing/"
aria-label="Upholstery Webbing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-webbing__51338.original.jpg"
alt="Upholstery Webbing"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Webbing</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1355,
'hover:bg-primary-100': selectedChild !== 1355
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/cord-rope-string/"
aria-label="Cord, Rope, String"
data-x-on:click.prevent="selectedChild = 1355"
data-x-on:mouseenter="selectedChild = 1355"
>
Cord, Rope, String
<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 === 1355 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1355" class="navPages-sub" data-category-id="1355" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1355) && (selectedChild = 1355)"
>
<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/by-the-foot-yard/"
aria-label="By The Foot & Yard"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-the-foot--yard__82400.original.jpg"
alt="By The Foot & Yard"
width="32"
height="24"
loading="lazy"
/>
<span>By The Foot & Yard</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/remnant-pieces/"
aria-label="Remnant Pieces"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/remnant-pieces__49853.original.jpg"
alt="Remnant Pieces"
width="32"
height="24"
loading="lazy"
/>
<span>Remnant Pieces</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2172,
'hover:bg-primary-100': selectedChild !== 2172
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/sunbrella-binding-1/"
aria-label="SUNBRELLA BINDING."
data-x-on:click.prevent="selectedChild = 2172"
data-x-on:mouseenter="selectedChild = 2172"
>
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 === 2172 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-2172" class="navPages-sub" data-category-id="2172" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 2172) && (selectedChild = 2172)"
>
<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-binding-2/"
aria-label="BIAS BINDING.."
>
<span>BIAS 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/straight-binding/"
aria-label="STRAIGHT BINDING.."
>
<span>STRAIGHT BINDING..</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1678,
'hover:bg-primary-100': selectedChild !== 1678
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/thread-2/"
aria-label="Thread"
data-x-on:click.prevent="selectedChild = 1678"
data-x-on:mouseenter="selectedChild = 1678"
>
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 === 1678 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1678" class="navPages-sub" data-category-id="1678" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1678) && (selectedChild = 1678)"
>
<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-25-lighter-weight-thread/"
aria-label="Tex 25 Lighter Weight Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/tex-25-lighter-weight-thread__96736.original.jpg"
alt="Tex 25 Lighter Weight Thread"
width="32"
height="24"
loading="lazy"
/>
<span>Tex 25 Lighter Weight Thread</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-2/"
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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/tex-50-thread--light-weight__82224.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-90-100-heavy-weight-3/"
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/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/tex-90--100--heavy-weight__56650.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/tex-75-med-hvy-thread/"
aria-label="Tex  75 -- Med/Hvy Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex--75--medhvy-thread__10991.original.jpg"
alt="Tex  75 -- Med/Hvy Thread"
width="32"
height="24"
loading="lazy"
/>
<span>Tex  75 -- Med/Hvy Thread</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-top-stitch-thread/"
aria-label="12 Wt Top Stitch Thread"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/12-wt-top-stitch-thread__82052.original.jpg"
alt="12 Wt Top Stitch Thread"
width="32"
height="24"
loading="lazy"
/>
<span>12 Wt Top Stitch Thread</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-thread/"
aria-label="GUTERMAN THREAD"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/guterman-thread__49784.original.jpg"
alt="GUTERMAN THREAD"
width="32"
height="24"
loading="lazy"
/>
<span>GUTERMAN THREAD</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-machine/"
aria-label="V92 Commercial Machine"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/v92-commercial-machine__32909.original.jpg"
alt="V92 Commercial Machine"
width="32"
height="24"
loading="lazy"
/>
<span>V92 Commercial Machine</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-thread-commercial-machine/"
aria-label="HIGH SPEC THREAD (Commercial Machine)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/high-spec-thread-commercial-machine__09959.original.jpg"
alt="HIGH SPEC THREAD (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<span>HIGH SPEC THREAD (Commercial Machine)</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-thread-commercial-machine/"
aria-label="SUNGUARD Thread (Commercial Machine)"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/sunguard-thread-commercial-machine__80441.original.jpg"
alt="SUNGUARD Thread (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<span>SUNGUARD Thread (Commercial Machine)</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1963,
'hover:bg-primary-100': selectedChild !== 1963
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/velcro/"
aria-label="Velcro"
>
Velcro
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1911,
'hover:bg-primary-100': selectedChild !== 1911
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/elastic/"
aria-label="Elastic"
data-x-on:click.prevent="selectedChild = 1911"
data-x-on:mouseenter="selectedChild = 1911"
>
Elastic
<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 === 1911 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1911" class="navPages-sub" data-category-id="1911" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1911) && (selectedChild = 1911)"
>
<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/elastic-for-sewing/"
aria-label="Elastic for Sewing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/all-elastic-items__67654.original.jpg"
alt="Elastic for Sewing"
width="32"
height="24"
loading="lazy"
/>
<span>Elastic for Sewing</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 = 1954"
></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/by-details/"
aria-label="BY DETAIL"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 2001 ? 0 : 2001;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 2001) && 'bg-white text-primary-600'"
>BY DETAIL<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-2001"
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/by-details/"
aria-label="All BY DETAIL"
>
All BY DETAIL
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1707,
'hover:bg-primary-100': selectedChild !== 1707
}"
>

<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-color/"
aria-label="Fabric By Color"
data-x-on:click.prevent="selectedChild = 1707"
data-x-on:mouseenter="selectedChild = 1707"
>
Fabric 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 === 1707 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1707" class="navPages-sub" data-category-id="1707" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1707) && (selectedChild = 1707)"
>
<li class="px-3 w-full md:w-6/12 lg:w-4/12 2xl:w-3/12">
<div class="bg-white p-3 rounded-global">
<form
method="get"
action="/search-product-by-color/"
enctype="application/x-www-form-urlencoded"
>
<input type="hidden" name="color_match_rate" value="5"/>
<div
class="mb-3"
id="mobile-navigation-color-picker"
data-x-data="input_color"

>
<label class="block" for="mobile-navigation-color-picker_input">Search Products by Color

</label>
<div class="relative flex border rounded-global overflow-hidden bg-white">

<div
class="w-8 h-8 ml-1 rounded-full border border-zinc-100 self-center"
data-x-bind:style="{ backgroundColor: color }"
>
<input
class="w-8 h-8 cursor-pointer opacity-0"
type="color"
data-x-model="color"
/>
</div>
<input type="text"
name="colors"
id="mobile-navigation-color-picker_input"
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none w-[1%]"
data-label="Search Products by Color"
data-input
aria-required=""
aria-labelledby="mobile-navigation-color-picker"
aria-live="polite"
autocomplete="off"
data-x-model="textInput"


 placeholder="Enter color HEX code (e.g., #ff0000)"


/>
<button
type="submit"
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
>Search</button>

</div>
<div class="text-slate-700"><strong data-x-text="message"></strong></div>
</div>
</form>
<a href="/search-product-by-color/" class="mt-2 text-primary-700"><strong><u>Need a HEX color ID?</u></strong></a>
</div>
</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-beige-fabric/"
aria-label="Beige Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/beige-fabric__20891.original.jpg"
alt="Beige Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Beige 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/discount-black-fabric/"
aria-label="Black Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-fabric__28981.original.jpg"
alt="Black Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Black 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/discount-blue-fabric/"
aria-label="Blue Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/blue-fabric__48966.original.jpg"
alt="Blue Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Blue 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/discount-brown-fabric/"
aria-label="Brown Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/brown-fabric__21468.original.jpg"
alt="Brown Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Brown 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/discount-bronze-fabric/"
aria-label="Bronze Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/bronze-fabric__53664.original.jpg"
alt="Bronze Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Bronze 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/discount-gold-fabric/"
aria-label="Gold Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/gold-fabric__68831.original.jpg"
alt="Gold Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gold 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/discount-gray-fabric/"
aria-label="Gray Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gray-fabric__14243.original.jpg"
alt="Gray Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gray 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/discount-green-fabric/"
aria-label="Green Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-fabric__71748.original.jpg"
alt="Green Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Green 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/discount-khaki-fabric/"
aria-label="Khaki Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/khaki-fabric__86649.original.jpg"
alt="Khaki Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Khaki 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/discount-orange-fabric/"
aria-label="Orange Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/orange-fabric__16031.original.jpg"
alt="Orange Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Orange 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/discount-pink-fabric/"
aria-label="Pink Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/pink-fabric__88017.original.jpg"
alt="Pink Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Pink 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/discount-purple-fabric/"
aria-label="Purple Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/purple-fabric__80039.original.jpg"
alt="Purple Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Purple 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/discount-red-fabric/"
aria-label="Red Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/red-fabric__23845.original.jpg"
alt="Red Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Red 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/discount-tan-fabric/"
aria-label="Tan Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tan-fabric__97519.original.jpg"
alt="Tan Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Tan 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/discount-taupe-fabric/"
aria-label="Taupe Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/taupe-fabric__61944.original.jpg"
alt="Taupe Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Taupe 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/discount-silver-fabric/"
aria-label="Silver Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/silver-fabric__45284.original.jpg"
alt="Silver Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Silver 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/discount-white-fabric/"
aria-label="White Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/white-fabric__90629.original.jpg"
alt="White Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>White 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/yellow-fabrics/"
aria-label="Yellow Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/yellow-fabric__47838.original.jpg"
alt="Yellow Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Yellow Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1749,
'hover:bg-primary-100': selectedChild !== 1749
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-theme/"
aria-label="Fabric By Theme"
data-x-on:click.prevent="selectedChild = 1749"
data-x-on:mouseenter="selectedChild = 1749"
>
Fabric By Theme
<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 === 1749 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1749" class="navPages-sub" data-category-id="1749" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1749) && (selectedChild = 1749)"
>
<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/bohemian-themed-fabric/"
aria-label="Bohemian Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/bohemian-fabric__60406.original.jpg"
alt="Bohemian Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Bohemian 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/camouflage-themed-fabric/"
aria-label="Camouflage Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/camouflage__75201.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Camouflage 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/child-baby-themed-fabrics/"
aria-label="Child & Baby Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/child--baby__26299.original.jpg"
alt="Child & Baby Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Child & Baby 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/contemporary-designs-fabric/"
aria-label="Contemporary Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/contemporary__43488.original.jpg"
alt="Contemporary Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Contemporary 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/cottage-camp-themed-fabrics/"
aria-label="Cottage & Camp Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/cottage--camp__11717.original.jpg"
alt="Cottage & Camp Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Cottage & Camp 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/fall-season-fabrics/"
aria-label="Fall Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/fall-season__12132.original.jpg"
alt="Fall Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Fall Season 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/gardening-and-garden-themed-fabrics/"
aria-label="Gardening & Garden Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/gardening-and-garden__74601.original.jpg"
alt="Gardening & Garden Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gardening & Garden 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/holiday-themed-fabrics/"
aria-label="Holiday Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/holiday__12617.original.jpg"
alt="Holiday Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Holiday 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/modern-fabrics/"
aria-label="Modern Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/modern-fabric__93654.original.jpg"
alt="Modern Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Modern 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/nautical-beech-sailing-themed-fabrics/"
aria-label="Nautical / Beach / Sailing"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/nautical--beach--sailing__90482.original.jpg"
alt="Nautical / Beach / Sailing"
width="32"
height="24"
loading="lazy"
/>
<span>Nautical / Beach / Sailing</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/retro-fabrics/"
aria-label="Retro Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/retro__41102.original.jpg"
alt="Retro Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Retro 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/shabby-chic/"
aria-label="Shabby Chic Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/shabby-chic__63549.original.jpg"
alt="Shabby Chic Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Shabby Chic 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/sports-themed-fabrics/"
aria-label="Sports Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/sports__14016.original.jpg"
alt="Sports Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Sports 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/spring-season-fabrics/"
aria-label="Spring Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/spring-season__69241.original.jpg"
alt="Spring Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Spring Season 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/summer-season-fabric/"
aria-label="Summer Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/summer-season__15636.original.jpg"
alt="Summer Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Summer Season 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/traditional-fabrics/"
aria-label="Traditional Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/traditional-fabric__50214.original.jpg"
alt="Traditional Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Traditional 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/western-themed-fabrics/"
aria-label="Western Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/western__54596.original.jpg"
alt="Western Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Western 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/wildlife-animal-fabrics/"
aria-label="Wildlife Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/wildlife__71806.original.jpg"
alt="Wildlife Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Wildlife 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/winter-season-themed-fabrics/"
aria-label="Winter Season Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/winter-season__55378.original.jpg"
alt="Winter Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Winter Season Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1689,
'hover:bg-primary-100': selectedChild !== 1689
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/fabric-by-designs/"
aria-label="Fabric By Designs"
data-x-on:click.prevent="selectedChild = 1689"
data-x-on:mouseenter="selectedChild = 1689"
>
Fabric By Designs
<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 === 1689 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1689" class="navPages-sub" data-category-id="1689" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1689) && (selectedChild = 1689)"
>
<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-fabric/"
aria-label="Abstract Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/abstract__26026.original.jpg"
alt="Abstract Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Abstract 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/argyle-diamond-harlequin-fabrics/"
aria-label="Argyle / Diamond / Harlequin"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/argyle--diamond--harlequin__00065.original.jpg"
alt="Argyle / Diamond / Harlequin"
width="32"
height="24"
loading="lazy"
/>
<span>Argyle / Diamond / Harlequin</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/animals-fabrics/"
aria-label="Animals Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animals__81992.original.jpg"
alt="Animals Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Animals 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/batik-fabrics/"
aria-label="Batiks Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/batiks__46653.original.jpg"
alt="Batiks Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Batiks 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/chevron-fabrics/"
aria-label="Chevron Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/chevron__21531.original.jpg"
alt="Chevron Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Chevron 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/camouflage-fabrics/"
aria-label="Camouflage Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/camouflage__37259.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Camouflage 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/circle-circular-fabrics/"
aria-label="Circle Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/circle__70369.original.jpg"
alt="Circle Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Circle 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/crosshatch-fabrics/"
aria-label="Crosshatch Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/crosshatch__10196.original.jpg"
alt="Crosshatch Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Crosshatch 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/checks-plaids-fabric/"
aria-label="Checks & Plaids Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/checks--plaids-fabric__78800.original.jpg"
alt="Checks & Plaids Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Checks & Plaids 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/dots-fabrics/"
aria-label="Dots Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/dots__69239.original.jpg"
alt="Dots Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Dots 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/damask-fabrics/"
aria-label="Damask Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/damask-fabrics__22303.original.jpg"
alt="Damask Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Damask 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/floral-vine-fabrics/"
aria-label="Floral & Vine Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/floral--vine-fabric__15327.original.jpg"
alt="Floral & Vine Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Floral & Vine 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/geometrics-fabrics/"
aria-label="Geometrics Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/geometrics__28244.original.jpg"
alt="Geometrics Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Geometrics 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/gingham-fabrics/"
aria-label="Gingham Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gingham__84876.original.jpg"
alt="Gingham Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Gingham 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/herringbone-fabrics/"
aria-label="Herringbone Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/herringbone__01276.original.jpg"
alt="Herringbone Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Herringbone 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/houndstooth-fabrics/"
aria-label="Houndstooth Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/houndstooth__75584.original.jpg"
alt="Houndstooth Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Houndstooth 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/ikat-fabrics/"
aria-label="Ikat Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/ikat__18497.original.jpg"
alt="Ikat Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ikat 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/jacquard-fabrics/"
aria-label="Jacquard Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/jacquard__75858.original.jpg"
alt="Jacquard Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Jacquard 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/lattice-fabrics/"
aria-label="Lattice Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/lattice__71923.original.jpg"
alt="Lattice Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Lattice 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/medallion-fabrics/"
aria-label="Medallion Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/medallion__88775.original.jpg"
alt="Medallion Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Medallion 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/moire-fabrics/"
aria-label="Moire Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/moire__48750.original.jpg"
alt="Moire Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Moire 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/nautical-themed-fabrics/"
aria-label="Nautical Theme Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/nautical-theme-fabric__37255.original.jpg"
alt="Nautical Theme Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Nautical Theme 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/ogee-themed-fabrics/"
aria-label="Ogee Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/ogee__94242.original.jpg"
alt="Ogee Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ogee 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/polka-dot-themed-fabrics/"
aria-label="Polka Dot Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/polka-dot__84098.original.jpg"
alt="Polka Dot Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Polka Dot 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/pinstripe-themed-fabrics/"
aria-label="Pinstripe"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/pinstripe__31458.original.jpg"
alt="Pinstripe"
width="32"
height="24"
loading="lazy"
/>
<span>Pinstripe</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-design-fabrics/"
aria-label="Paisley Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/paisley-design__22852.original.jpg"
alt="Paisley Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Paisley 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/camp-or-cottage-fabrics/"
aria-label="Rustic Camp Or Cottage"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/rustic-camp-or-cottage__90492.original.jpg"
alt="Rustic Camp Or Cottage"
width="32"
height="24"
loading="lazy"
/>
<span>Rustic Camp Or Cottage</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/script-writing-fabrics/"
aria-label="Script / Letters Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/script--letters__64703.original.jpg"
alt="Script / Letters Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Script / Letters 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/scrollwork-fabrics/"
aria-label="Scrollwork Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/scrollwork__06509.original.jpg"
alt="Scrollwork Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Scrollwork 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/striped-fabrics/"
aria-label="Striped Fabrics"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/striped-fabrics__07156.original.jpg"
alt="Striped Fabrics"
width="32"
height="24"
loading="lazy"
/>
<span>Striped 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/solid-plain-fabrics/"
aria-label="Solid Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/solid__06553.original.jpg"
alt="Solid Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Solid 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/stars-fabrics/"
aria-label="Stars Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/stars__88716.original.jpg"
alt="Stars Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Stars 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/discount-solid-plain-fabrics/"
aria-label="Solid / Plain Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/solid--plain__30532.original.jpg"
alt="Solid / Plain Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Solid / Plain 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/southwest-aztec-fabrics/"
aria-label="Southwest / Aztec"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/southwest--aztec__17574.original.jpg"
alt="Southwest / Aztec"
width="32"
height="24"
loading="lazy"
/>
<span>Southwest / Aztec</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/ticking-fabrics/"
aria-label="Ticking Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/ticking__59155.original.jpg"
alt="Ticking Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Ticking 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/textured-fabrics/"
aria-label="Textured Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/textured__17948.original.jpg"
alt="Textured Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Textured 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/tone-on-tone-fabrics/"
aria-label="Tone On Tone"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tone-on-tone__75281.original.jpg"
alt="Tone On Tone"
width="32"
height="24"
loading="lazy"
/>
<span>Tone On Tone</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/toile-fabrics/"
aria-label="Toile Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/toile__99027.original.jpg"
alt="Toile Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Toile Fabric</span>
</a>
</li>
</ul>
</template>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1794,
'hover:bg-primary-100': selectedChild !== 1794
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase"
href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/"
aria-label="Fabric By Fiber Content"
data-x-on:click.prevent="selectedChild = 1794"
data-x-on:mouseenter="selectedChild = 1794"
>
Fabric By Fiber Content
<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 === 1794 && '-mr-2')"
></small>
</a>
<template id="navPagesSub-1794" class="navPages-sub" data-category-id="1794" hidden>
<ul
class="flex flex-col flex-wrap content-start h-full p-3"
data-x-lazy="(selectedChild !== 1794) && (selectedChild = 1794)"
>
<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/acrylic-fabrics/"
aria-label="Acrylic Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/acrylic__60950.original.jpg"
alt="Acrylic Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Acrylic 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/cotton-blend-fabrics/"
aria-label="Cotton Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/cotton-blend__70451.original.jpg"
alt="Cotton Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton Blend</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-fabrics/"
aria-label="Cotton Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/cotton-fabric__78843.original.jpg"
alt="Cotton Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Cotton 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-blend-fabrics/"
aria-label="Linen & Linen Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/linen--linen-blend__75536.original.jpg"
alt="Linen & Linen Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Linen & Linen Blend</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/nylon-fabris/"
aria-label="Nylon Nylon"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nylon__35119.original.jpg"
alt="Nylon Nylon"
width="32"
height="24"
loading="lazy"
/>
<span>Nylon Nylon</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-vinyl-fabrics/"
aria-label="PVC & Vinyl Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/pvc--vinyl__04151.original.jpg"
alt="PVC & Vinyl Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>PVC & Vinyl 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/upholstery-blend-fabrics/"
aria-label="Upholstery Blend"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/upholstery-blend__87880.original.jpg"
alt="Upholstery Blend"
width="32"
height="24"
loading="lazy"
/>
<span>Upholstery Blend</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-fabrics/"
aria-label="Wool Fabric"
>
<img
class="w-8 h-auto mr-2 rounded-lg lazyload"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading-4-3.png"
data-src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/wool__19877.original.jpg"
alt="Wool Fabric"
width="32"
height="24"
loading="lazy"
/>
<span>Wool Fabric</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 = 1707"
></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/clearance/"
aria-label="CLEARANCE"
data-x-on:click.prevent="
selectedChild = 0;
const nextId = selected === 1724 ? 0 : 1724;
selected = nextId;
$nextTick(() => { (selected !== nextId) && (selected = nextId) });
"
data-x-bind:class="(selected === 1724) && 'bg-white text-primary-600'"
>CLEARANCE<small class="icon icon-chevron-down ml-1 text-[8px]" aria-hidden="true"></small>
</a>

<div id="navPages-1724"
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/clearance/"
aria-label="All CLEARANCE"
>
All CLEARANCE
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 2193,
'hover:bg-primary-100': selectedChild !== 2193
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/free-shipping/"
aria-label="FREE SHIPPING"
>
FREE SHIPPING
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1862,
'hover:bg-primary-100': selectedChild !== 1862
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/20-off/"
aria-label="20% OFF"
>
20% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1861,
'hover:bg-primary-100': selectedChild !== 1861
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/30-off/"
aria-label="30% OFF"
>
30% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1860,
'hover:bg-primary-100': selectedChild !== 1860
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/40-off/"
aria-label="40% OFF"
>
40% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1855,
'hover:bg-primary-100': selectedChild !== 1855
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/50-off/"
aria-label="50% OFF"
>
50% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1856,
'hover:bg-primary-100': selectedChild !== 1856
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/60-off/"
aria-label="60% OFF"
>
60% OFF
</a>
</li>
<li class="relative"
data-x-class="{
'bg-white text-primary-600': selectedChild === 1857,
'hover:bg-primary-100': selectedChild !== 1857
}"
>
<a class="px-3 py-4 inline-flex items-center leading-none font-bold uppercase hover:text-default"
href="https://fabricwarehouse.com/70-off/"
aria-label="70% OFF"
>
70% OFF
</a>
</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 = 0"
></div>
</div>
</li>
</ul>
<ul class="flex flex-0">
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-red-500 hover:bg-red-400"
href="https://fabricwarehouse.com/custom-cut-upholstery-foam/"
>CUSTOM FOAM</a>
</li>
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-orange-500 hover:bg-orange-400"
href="https://fabricwarehouse.com/fabric-collections/fabric-remnants/"
>REMNANTS</a>
</li>
<li>
<a class="inline-flex items-center h-full px-1 3xl:px-2 py-1 text-black hover:text-default font-bold bg-green-500 hover:bg-green-400"
href="https://fabricwarehouse.com/fabric-collections-map/"
>COLLECTIONS</a>
</li>
</ul>
</nav>
<div
class="absolute top-full left-0 right-0 z-50 flex rounded-global overflow-auto mt-2 bg-primary-100"
hidden=""
aria-hidden="true"
tabindex="-1"
data-x-show="selected > 0"
data-x-bind:hidden="selected > 0 ? null : ''"
data-x-on:click.outside="selected = 0; contents = ''"
data-x-lazy="{virtual: '#navPages-' + selected}"
data-x-html-alt="contents"
></div>
</div>
<div id="account-panel">
<div class="flex h-full w-full text-center">
<div class="w-full my-auto">
<h3 class="text-xl uppercase mb-6">Sign in</h3>
<form
class="login-form form"
action="/login.php?action=check_login"
method="post"
data-x-data="login"
>
<template data-x-if="error">
<div class="relative bg-red-100 text-red-700 p-3 my-3 rounded-lg" role="alert">
<span data-x-text="error"></span>
<span class="px-4 py-3 text-2xl leading-none" role="button" data-x-on:click="error = ''">
<i class="icon icon-close"></i>
</span>
</div>
</template>
<div class="mb-4">
<label for="login_email">Email Address:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_email"
type="email"
name="login_email"
placeholder="Email Address"
data-x-model="email"
/>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === '' && isEmailValid) ? null : ''">
<div class="mb-4">Sign In Account With</div>
<div>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'password'"
>Password</span>
<span> </span>
<span
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-sky-500 bg-sky-500 hover:bg-sky-400 text-default hover:text-default px-4 py-2"
role="button"
data-x-on:click.prevent="method = 'token'; sendToken();"
>Token</span>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'password' && isEmailValid) ? null : ''">
<label for="login_pass">Password:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_pass"
type="password"
name="login_pass"
placeholder="Password"
autocomplete="off"
/>
</div>
<div class="mt-3">
<button class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" type="submit">Sign in</button>
</div>
</div>
<div class="mb-4" hidden="" data-x-bind:hidden="(method === 'token' && isEmailValid) ? null : ''">
<label for="login_token">Login Token:</label>
<div class="relative flex border rounded-global overflow-hidden">
<input
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none"
id="login_token"
type="text"
name="login_token"
placeholder="Token"
data-x-model="token"
/>
</div>
<div>A login token has been sent to your email: <span class="text-link" data-x-text="email"></span>. If you did not receive the email, please check your email address and <span class="text-link underline" role="button" data-x-on:click="sendToken()">click here</span> to resend the token.</div>
<div class="mt-3">
<span class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2" role="button" data-x-on:click="loginWithToken()">Sign in</span>
</div>
</div>
<div class="flex justify-center text-center mt-6">
<div class="w-64">
<div
id="g_id_onload"
data-client_id="49330718917-khejd1rcaa7en7o3pmj7iuskcvdrai22.apps.googleusercontent.com"
data-context="signin"
data-ux_mode="popup"
data-callback="onGoogleSignIn"
data-auto_prompt="false"
></div>
<div
class="g_id_signin inline-flex"
data-type="standard"
data-shape="pill"
data-theme="filled_blue"
data-text="signin_with"
data-size="large"
data-logo_alignment="left"
></div>
</div>
</div>
<div class="text-center mt-6">
<a class="text-link hover:text-link-hover" href="/login.php?action=reset_password">Forgot your password?</a>
</div>
<script id="google-login-jssdk" src="https://accounts.google.com/gsi/client" async defer></script>
</form>
<div class="mt-8">
<a class="text-link hover:text-link-hover" href="/login.php?action=create_account" aria-label="Register">Register</a>
</div>
</div>
</div></div>
<div id="navigation-menu-mobile">
<ul>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-patio-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="OUTDOOR FABRIC"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/marine--patio__00839.original.jpg"
alt="OUTDOOR FABRIC"
width="32"
height="24"
loading="lazy"
/>
<strong>OUTDOOR FABRIC</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-patio-fabric/" class="inline-flex items-center py-3 text-center" aria-label="OUTDOOR FABRIC">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/marine--patio__00839.original.jpg"
alt="OUTDOOR FABRIC"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OUTDOOR FABRIC</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/awning-weight-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="AWNING WEIGHT FABRICS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/awning-weight-fabrics__10310.original.jpg"
alt="AWNING WEIGHT FABRICS"
width="32"
height="24"
loading="lazy"
/>
<strong>AWNING WEIGHT FABRICS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/awning-weight-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="AWNING WEIGHT FABRICS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/awning-weight-fabrics__10310.original.jpg"
alt="AWNING WEIGHT FABRICS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All AWNING WEIGHT FABRICS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/recacril-marine-sale/" class="inline-flex items-center py-3 text-center" aria-label="Recacril Marine - SALE!!">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Recacril Marine - SALE!!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/docril-brand-awning-sale/" class="inline-flex items-center py-3 text-center" aria-label="Docril Brand Awning -- SALE!!!">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Docril Brand Awning -- SALE!!!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/awning-sale/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS!">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>REMNANTS & DEALS!</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-awning-weight/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Awning Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sunbrella Awning Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/60-inch-sunbrella-awning/" class="inline-flex items-center py-3 text-center" aria-label="60 Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>60 Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/46-inch-sunbrella-fabric-awning-marine/" class="inline-flex items-center py-3 text-center" aria-label="46" Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>46" Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/80-inch-awning-marine-fabric/" class="inline-flex items-center py-3 text-center" aria-label="80 Inch Sunbrella Awning">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>80 Inch Sunbrella Awning</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunreal/" class="inline-flex items-center py-3 text-center" aria-label="SunReal Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>SunReal Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-binding/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>SUNBRELLA BINDING</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/patio-outdoor-upholstery/"
class="inline-flex items-center py-3 text-center"
aria-label="PATIO & OUTDOOR UPHOLSTERY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/patio--outdoor-upholstery__34522.original.jpg"
alt="PATIO & OUTDOOR UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong>PATIO & OUTDOOR UPHOLSTERY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/patio-outdoor-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="PATIO & OUTDOOR UPHOLSTERY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/patio--outdoor-upholstery__34522.original.jpg"
alt="PATIO & OUTDOOR UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All PATIO & OUTDOOR UPHOLSTERY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/in-out-upholstery-sale/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/remnants--deals-inout__49802.original.jpg"
alt="REMNANTS & DEALS"
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/outdoor-canvas/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor Canvas">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Outdoor Canvas</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/premier-prints-outdor/" class="inline-flex items-center py-3 text-center" aria-label="Premier Prints Outdoor">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Premier Prints Outdoor</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/printed-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Printed Outdoor Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Printed Outdoor Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-furniture-weight-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Furniture Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sunbrella Furniture Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tommy-bahama/" class="inline-flex items-center py-3 text-center" aria-label="Tommy Bahama">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tommy Bahama</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/docril-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Docril Outdoor Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Docril Outdoor Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bella-dura-coming-soon/" class="inline-flex items-center py-3 text-center" aria-label="Bella-Dura">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/belladura__06479.original.jpg"
alt="Bella-Dura"
width="32"
height="24"
loading="lazy"
/>
<strong>Bella-Dura</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/outdura-furniture-weight-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Outdura Furniture Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Outdura Furniture Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/richloom-outdoor/" class="inline-flex items-center py-3 text-center" aria-label="Richloom Outdoor">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Richloom Outdoor</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other/"
class="inline-flex items-center py-3 text-center"
aria-label="SLING & OTHER"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/other__38988.original.jpg"
alt="SLING & OTHER"
width="32"
height="24"
loading="lazy"
/>
<strong>SLING & OTHER</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other/" class="inline-flex items-center py-3 text-center" aria-label="SLING & OTHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/other__38988.original.jpg"
alt="SLING & OTHER"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SLING & OTHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-sling-other/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Sling + Other">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sunbrella Sling + Other</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/other-marine-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Other Outdoor Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Other Outdoor Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-hardware-supplys/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE HARDWARE / SUPPLIES"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-hardware--supplies__36855.original.jpg"
alt="MARINE HARDWARE / SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE HARDWARE / SUPPLIES</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-hardware-supplys/" class="inline-flex items-center py-3 text-center" aria-label="MARINE HARDWARE / SUPPLIES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/marine-hardware--supplies__36855.original.jpg"
alt="MARINE HARDWARE / SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE HARDWARE / SUPPLIES</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-zippers-1/" class="inline-flex items-center py-3 text-center" aria-label="Marine Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Marine Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-fasteners/" class="inline-flex items-center py-3 text-center" aria-label="Marine Fasteners">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Marine Fasteners</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/boat-top-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Boat Top Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Boat Top Hardware</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-carpet/" class="inline-flex items-center py-3 text-center" aria-label="Marine Carpet">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Marine Carpet</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cushion-underlining-marine-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Cushion Underlining">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Cushion Underlining</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunbrella-binding-trim/"
class="inline-flex items-center py-3 text-center"
aria-label="SUNBRELLA BINDING"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/sunbrella-binding__78511.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNBRELLA BINDING</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunbrella-binding-trim/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/sunbrella-binding__78511.original.jpg"
alt="SUNBRELLA BINDING"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SUNBRELLA BINDING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/straight-cut-binding/" class="inline-flex items-center py-3 text-center" aria-label="STRAIGHT CUT BINDING">
<strong>STRAIGHT CUT BINDING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bias-cutt-binding/" class="inline-flex items-center py-3 text-center" aria-label="BIAS CUTT BINDING">
<strong>BIAS CUTT BINDING</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/outdoor-cushion-foam/"
class="inline-flex items-center py-3 text-center"
aria-label="OUTDOOR CUSHION & FOAM"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-cushion--foam__73502.original.jpg"
alt="OUTDOOR CUSHION & FOAM"
width="32"
height="24"
loading="lazy"
/>
<strong>OUTDOOR CUSHION & FOAM</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/outdoor-cushion-foam/" class="inline-flex items-center py-3 text-center" aria-label="OUTDOOR CUSHION & FOAM">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/outdoor-cushion--foam__73502.original.jpg"
alt="OUTDOOR CUSHION & FOAM"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OUTDOOR CUSHION & FOAM</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiber-cushion-flo-thru/" class="inline-flex items-center py-3 text-center" aria-label="FIBER CUSHION (FLO-THRU)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>FIBER CUSHION (FLO-THRU)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-batting-1/" class="inline-flex items-center py-3 text-center" aria-label="Foam & Batting">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Foam & Batting</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunguard-thread-marine-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE / OUTDOOR THREAD"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/marine-thread__81787.original.jpg"
alt="MARINE / OUTDOOR THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE / OUTDOOR THREAD</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunguard-thread-marine-thread/" class="inline-flex items-center py-3 text-center" aria-label="MARINE / OUTDOOR THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/marine-thread__81787.original.jpg"
alt="MARINE / OUTDOOR THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE / OUTDOOR THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-wt-common-thickness/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 / 40 wt  Common Thickness">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 25 / 40 wt  Common Thickness</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 50 Thread - Light Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 - Med/Hvy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 75 - Med/Hvy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100  - Heavy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 90-100  - Heavy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>V92 Commercial</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch/" class="inline-flex items-center py-3 text-center" aria-label="12 wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>12 wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/guterman__19175.original.jpg"
alt="GUTERMAN"
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/sunguard__47146.original.jpg"
alt="SUNGUARD"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/water-friendly/"
class="inline-flex items-center py-3 text-center"
aria-label="WATER FRIENDLY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/water-friendly__60972.original.jpg"
alt="WATER FRIENDLY"
width="32"
height="24"
loading="lazy"
/>
<strong>WATER FRIENDLY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/water-friendly/" class="inline-flex items-center py-3 text-center" aria-label="WATER FRIENDLY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/water-friendly__60972.original.jpg"
alt="WATER FRIENDLY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All WATER FRIENDLY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fabric-water-friendly/" class="inline-flex items-center py-3 text-center" aria-label="Fabric & Water Friendly.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric--water-friendly__29058.original.jpg"
alt="Fabric & Water Friendly."
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric & Water Friendly.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/uv-water-proof/" class="inline-flex items-center py-3 text-center" aria-label="Fabric & Water Proof">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Fabric & Water Proof</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/vinyl-waterproof/" class="inline-flex items-center py-3 text-center" aria-label="Vinyl & Waterproof">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Vinyl & Waterproof</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL - MARINE & AUTO"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/marine-vinyl__83685.original.jpg"
alt="VINYL - MARINE & AUTO"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL - MARINE & AUTO</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/discount-marine-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="VINYL - MARINE & AUTO">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/marine-vinyl__83685.original.jpg"
alt="VINYL - MARINE & AUTO"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL - MARINE & AUTO</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnants-deals-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS (Marine Vinyl)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/remnants--deals-marine-vinyl__93430.original.jpg"
alt="REMNANTS & DEALS (Marine Vinyl)"
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS (Marine Vinyl)</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-vinyl-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE VINYL BY COLOR"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/marine-vinyl-by-color__65777.original.jpg"
alt="MARINE VINYL BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE VINYL BY COLOR</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-vinyl-by-color/" class="inline-flex items-center py-3 text-center" aria-label="MARINE VINYL BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/marine-vinyl-by-color__65777.original.jpg"
alt="MARINE VINYL BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE VINYL BY COLOR</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/black-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Black Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Black Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/brown-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Brown Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Brown Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/white-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="White Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>White Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-white-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Off White Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Off White Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/beige-tan-marine-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="Beige & Tan Marine Vinyls">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Beige & Tan Marine Vinyls</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gray-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Gray Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Gray Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/red-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Red Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Red Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/blue-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Blue Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Blue Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Yellow Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orange-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Orange Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Orange Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/green-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Green Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Green Marine Vinyl</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl/"
class="inline-flex items-center py-3 text-center"
aria-label="SEAQUEST MARINE VINYL"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-marine-vinyl__06635.original.jpg"
alt="SEAQUEST MARINE VINYL"
width="32"
height="24"
loading="lazy"
/>
<strong>SEAQUEST MARINE VINYL</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="SEAQUEST MARINE VINYL">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/seaquest-marine-vinyl__06635.original.jpg"
alt="SEAQUEST MARINE VINYL"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SEAQUEST MARINE VINYL</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-pleated-marine-vinyl-automotive/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Pleated Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seaquest Pleated Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-flat-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Flat Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seaquest Flat Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-marine-vinyl-by-color/" class="inline-flex items-center py-3 text-center" aria-label="SEAQUEST BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>SEAQUEST BY COLOR</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/spradling-soft-side/"
class="inline-flex items-center py-3 text-center"
aria-label="SPRADLING SOFT SIDE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/spradling-soft-side__21518.original.jpg"
alt="SPRADLING SOFT SIDE"
width="32"
height="24"
loading="lazy"
/>
<strong>SPRADLING SOFT SIDE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/spradling-soft-side/" class="inline-flex items-center py-3 text-center" aria-label="SPRADLING SOFT SIDE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/spradling-soft-side__21518.original.jpg"
alt="SPRADLING SOFT SIDE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SPRADLING SOFT SIDE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/allegro-soft-side/" class="inline-flex items-center py-3 text-center" aria-label="Allegro By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Allegro By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/anchor-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Anchor By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Anchor By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/carbon-fiber-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Carbon Fiber Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Carbon Fiber Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marlin-softside/" class="inline-flex items-center py-3 text-center" aria-label="Marlin Softside By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Marlin Softside By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orion-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Orion By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Orion By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polaris-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Polaris By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/polaris-by-spradling__29116.original.jpg"
alt="Polaris By Spradling"
width="32"
height="24"
loading="lazy"
/>
<strong>Polaris By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seabreeze-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Seabreeze By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seabreeze By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spradling-leon/" class="inline-flex items-center py-3 text-center" aria-label="SPRADLING LEON">
<strong>SPRADLING LEON</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heidi-soft-marine-vinyl-boating/" class="inline-flex items-center py-3 text-center" aria-label="Heidi Soft By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Heidi Soft By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/islander-marine-vinyl-softside-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Islander By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Islander By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spadling-softside-beluga/" class="inline-flex items-center py-3 text-center" aria-label="Beluga By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Beluga By Spradling</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/zander-by-spradling/" class="inline-flex items-center py-3 text-center" aria-label="Zander By Spradling">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Zander By Spradling</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-trim/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL TRIM"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/vinyl-trim__52813.original.jpg"
alt="VINYL TRIM"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL TRIM</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-trim/" class="inline-flex items-center py-3 text-center" aria-label="VINYL TRIM">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/vinyl-trim__52813.original.jpg"
alt="VINYL TRIM"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL TRIM</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-vinyl-welt-marine-boating/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Welt">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seaquest Welt</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-hidem-marine-boating/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Hidem">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seaquest Hidem</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/specialty-vinyls/"
class="inline-flex items-center py-3 text-center"
aria-label="SPECIALTY VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/specialty-vinyls__09448.original.jpg"
alt="SPECIALTY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>SPECIALTY VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/specialty-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="SPECIALTY VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/specialty-vinyls__09448.original.jpg"
alt="SPECIALTY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SPECIALTY VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sling-vinyl-mesh/" class="inline-flex items-center py-3 text-center" aria-label="Sling + Vinyl Mesh">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sling + Vinyl Mesh</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-backed-vinyl-1/" class="inline-flex items-center py-3 text-center" aria-label="Foam Backed Vinyl.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Foam Backed Vinyl.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/clear-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Clear Vinyl 54W">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Clear Vinyl 54W</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other-marine-vinyls/"
class="inline-flex items-center py-3 text-center"
aria-label="OTHER MARINE VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/other-marine-vinyls__99628.original.jpg"
alt="OTHER MARINE VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>OTHER MARINE VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other-marine-vinyls/" class="inline-flex items-center py-3 text-center" aria-label="OTHER MARINE VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/other-marine-vinyls__99628.original.jpg"
alt="OTHER MARINE VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All OTHER MARINE VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautolex/" class="inline-flex items-center py-3 text-center" aria-label="Nautolex">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/nautolex__51892.original.jpg"
alt="Nautolex"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautolex</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ottertex-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Ottertex Marine Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Ottertex Marine Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seaquest-boating-marine-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Seaquest Vinyl 54W">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Seaquest Vinyl 54W</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fortress-marine/" class="inline-flex items-center py-3 text-center" aria-label="Fortress (On Sale!)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Fortress (On Sale!)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunbrella-seamark/" class="inline-flex items-center py-3 text-center" aria-label="Sunbrella Seamark">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sunbrella Seamark</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-brand-marine-vinyl-54w/" class="inline-flex items-center py-3 text-center" aria-label="House Brand (Sale)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>House Brand (Sale)</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-marine-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="VINYL & MARINE THREAD"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/marine-thread__65889.original.jpg"
alt="VINYL & MARINE THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>VINYL & MARINE THREAD</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-marine-thread/" class="inline-flex items-center py-3 text-center" aria-label="VINYL & MARINE THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/marine-thread__65889.original.jpg"
alt="VINYL & MARINE THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All VINYL & MARINE THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-wt-common/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 / 40 wt. Common.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 25 / 40 wt. Common.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-wght/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Wght.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 50 Thread - Light Wght.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-thin-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90 THICK">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 90 THICK</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 - Med/HVY Weight.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 75 - Med/HVY Weight.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100 - Heavy Weight.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 90-100 - Heavy Weight.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-1/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>12 Wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/b92-commercial-1/" class="inline-flex items-center py-3 text-center" aria-label="B92 Commercial.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>B92 Commercial.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-1/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/guterman__42222.original.jpg"
alt="GUTERMAN."
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-1/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/sunguard__73614.original.jpg"
alt="SUNGUARD."
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD.</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/marine-vinyl-brochure/"
class="inline-flex items-center py-3 text-center"
aria-label="MARINE VINYL BROCHURE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/marine-vinyl-brochure__71159.original.jpg"
alt="MARINE VINYL BROCHURE"
width="32"
height="24"
loading="lazy"
/>
<strong>MARINE VINYL BROCHURE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/marine-vinyl-brochure/" class="inline-flex items-center py-3 text-center" aria-label="MARINE VINYL BROCHURE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/marine-vinyl-brochure__71159.original.jpg"
alt="MARINE VINYL BROCHURE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All MARINE VINYL BROCHURE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/automotive-fabric-headliner-vinyl-upholstery-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="AUTOMOTIVE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/automotive__70801.original.jpg"
alt="AUTOMOTIVE"
width="32"
height="24"
loading="lazy"
/>
<strong>AUTOMOTIVE</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery__10408.original.jpg"
alt="UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/upholstery__10408.original.jpg"
alt="UPHOLSTERY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnants-deals-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="REMNANTS & DEALS.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/remnants--deals-upholstery__41299.original.jpg"
alt="REMNANTS & DEALS."
width="32"
height="24"
loading="lazy"
/>
<strong>REMNANTS & DEALS.</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-by-pattern-theme/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY PATTERN"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/upholstery-by-pattern__15386.original.jpg"
alt="UPHOLSTERY BY PATTERN"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY PATTERN</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-by-pattern-theme/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY PATTERN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/upholstery-by-pattern__15386.original.jpg"
alt="UPHOLSTERY BY PATTERN"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY PATTERN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/abstract-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Abstract Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Abstract Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/animal-theme-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Animal Theme Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Animal Theme Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/checks-plaid-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Checks & Plaid Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Checks & Plaid Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chevron-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Chevron Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Chevron Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/damask-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Damask Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Damask Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/geometric-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Geometric Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Geometric Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ikat-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Ikat Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Ikat Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacobean-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Jacobean Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Jacobean Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lattice-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Lattice Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Lattice Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medallion-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Medallion Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Medallion Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ogee-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Ogee Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Ogee Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/paisley-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Paisley Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Paisley Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polka-dot-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Polka Dot Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Polka Dot Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/scrollwork-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Scrollwork Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Scrollwork Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/solid-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Solid Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Solid Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/striped-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Striped Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Striped Upholstery</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY COLOR"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/upholstery-by-color__54624.original.jpg"
alt="UPHOLSTERY BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY COLOR</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-by-color/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY COLOR">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/upholstery-by-color__54624.original.jpg"
alt="UPHOLSTERY BY COLOR"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY COLOR</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/beige-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Beige Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Beige Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/black-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Black Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Black Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/blue-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Blue Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Blue Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bronze-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Bronze Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Bronze Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/brown-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Brown Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Brown Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gold-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Gold Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Gold Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gray-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Gray Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Gray Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/green-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Green Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Green Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/off-white-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Off White Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Off White Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/orange-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Orange Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Orange Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pink-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Pink Upholstery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Pink Upholstery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/purple-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Purple Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Purple Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/red-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Red Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Red Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/silver-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Silver Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Silver Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tan-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Tan Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tan Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/white-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="White Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>White Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Yellow Upholstery</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabrics-1/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY BY TYPE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/upholstery-fabrics__42890.original.jpg"
alt="UPHOLSTERY BY TYPE"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY BY TYPE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabrics-1/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY BY TYPE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/upholstery-fabrics__42890.original.jpg"
alt="UPHOLSTERY BY TYPE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY BY TYPE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/woven-upholstery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="All Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>All Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/crypton/" class="inline-flex items-center py-3 text-center" aria-label="Crypton">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/crypton__32147.original.jpg"
alt="Crypton"
width="32"
height="24"
loading="lazy"
/>
<strong>Crypton</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacquards/" class="inline-flex items-center py-3 text-center" aria-label="Jacquards">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/jacquards__55431.original.jpg"
alt="Jacquards"
width="32"
height="24"
loading="lazy"
/>
<strong>Jacquards</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/quilted/" class="inline-flex items-center py-3 text-center" aria-label="Quilted">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/quilted__36376.original.jpg"
alt="Quilted"
width="32"
height="24"
loading="lazy"
/>
<strong>Quilted</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-1/" class="inline-flex items-center py-3 text-center" aria-label="Wool.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/wool__99054.original.jpg"
alt="Wool."
width="32"
height="24"
loading="lazy"
/>
<strong>Wool.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/embroidered-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Embroidered  Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Embroidered  Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/basketweave-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Basketweave Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Basketweave Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/corduroy-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Corduroy Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Corduroy Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chenille-uphlolstery/" class="inline-flex items-center py-3 text-center" aria-label="Chenille Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Chenille Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-likle/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Like">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Linen & Linen Like</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/micro-suede-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Micro Suede Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Micro Suede Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/microfiber-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Microfiber Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Microfiber Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-patio/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor (Marine & Patio)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Outdoor (Marine & Patio)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-robert-allen-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Robert Allen">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Robert Allen</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/rustic-tapestry-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Rustic Tapestry Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Rustic Tapestry Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/velvet-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Velvet Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Velvet Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/denim-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="Denim Upholstery">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Denim Upholstery</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-canvas-duck-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Canvas + Duck">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Cotton Canvas + Duck</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-fabric-by-weight/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY FABRIC BY WEIGHT"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-fabric-by-weight__98562.original.jpg"
alt="UPHOLSTERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY FABRIC BY WEIGHT</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-fabric-by-weight/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY FABRIC BY WEIGHT">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/upholstery-fabric-by-weight__98562.original.jpg"
alt="UPHOLSTERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY FABRIC BY WEIGHT</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/light-weight-home-decor-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Light">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Light</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medium-weight-drapery-curtain-upholstery-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Medium">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Medium</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heavy-weight-upholstery-fabrics-1/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Heavy">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Heavy</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-fabric-extra-heavy/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Fabric EXTRA HEAVY">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Fabric EXTRA HEAVY</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/vinyl-upholstery/"
class="inline-flex items-center py-3 text-center"
aria-label="UPHOLSTERY VINYLS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-vinyls__29147.original.jpg"
alt="UPHOLSTERY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong>UPHOLSTERY VINYLS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/vinyl-upholstery/" class="inline-flex items-center py-3 text-center" aria-label="UPHOLSTERY VINYLS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-vinyls__29147.original.jpg"
alt="UPHOLSTERY VINYLS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UPHOLSTERY VINYLS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nassimi-classic-premium/" class="inline-flex items-center py-3 text-center" aria-label="Nassimi Classic - Premium -">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Nassimi Classic - Premium -</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nassimi-impulse-sale/" class="inline-flex items-center py-3 text-center" aria-label="Nassimi Impulse - Sale! -">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Nassimi Impulse - Sale! -</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-vinyl-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Non-Marine Upholstery Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Non-Marine Upholstery Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-free-vinyl-fabric-high-end/" class="inline-flex items-center py-3 text-center" aria-label="Enviro Leather">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Enviro Leather</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/glitter-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Glitter Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Glitter Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/snake-croc-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Reptile & Bird  Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/reptile--bird--vinyl__16885.original.jpg"
alt="Reptile & Bird  Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Reptile & Bird  Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/3-ply-vinyl-industrial-strength/" class="inline-flex items-center py-3 text-center" aria-label="3 Ply Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>3 Ply Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/picnic-table-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Picnic Table Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Picnic Table Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/table-top-picnic-table-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Table Top Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Table Top Vinyl</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/foam-batting-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Foam & Batting Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting-supplies__01724.original.jpg"
alt="Foam & Batting Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Foam & Batting Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/foam-batting-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Foam & Batting Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/foam--batting-supplies__01724.original.jpg"
alt="Foam & Batting Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Foam & Batting Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/quilt-upholstery-batting-dacron-fiber/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Batting">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Batting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiber-foam-lower-cost/" class="inline-flex items-center py-3 text-center" aria-label="Fiber Foam (Lower Cost)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Fiber Foam (Lower Cost)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/custom-cut-foam/" class="inline-flex items-center py-3 text-center" aria-label="Custom Cut Foam">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Custom Cut Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-foam/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Foam">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Upholstery Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cushion-foam/" class="inline-flex items-center py-3 text-center" aria-label="Cushion Foam">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Cushion Foam</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-batting/" class="inline-flex items-center py-3 text-center" aria-label="Foam Batting">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Foam Batting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/foam-glue/" class="inline-flex items-center py-3 text-center" aria-label="Foam Glue">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Foam Glue</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/headliner-sew-foam/" class="inline-flex items-center py-3 text-center" aria-label="Headliner + Sew Foam">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Headliner + Sew Foam</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/upholstery-thread/"
class="inline-flex items-center py-3 text-center"
aria-label="Upholstery Thread"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/upholstery-thread__22046.original.jpg"
alt="Upholstery Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Thread</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/upholstery-thread/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/upholstery-thread__22046.original.jpg"
alt="Upholstery Thread"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Upholstery Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight-1/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread - Light Weight..">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 50 Thread - Light Weight..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-heavy-weight/" class="inline-flex items-center py-3 text-center" aria-label="Tex 75 Med/Heavy Weight..">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 75 Med/Heavy Weight..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-2/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90-100 - Heavy Weight...">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Tex 90-100 - Heavy Weight...</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-ultra-thick-top-stitch-2/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt. Ultra Thick - Top Stitch">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>12 Wt. Ultra Thick - Top Stitch</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial-1/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial .">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>V92 Commercial .</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-commercial/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD (Commercial)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>SUNGUARD (Commercial)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/high-spec-commercial/" class="inline-flex items-center py-3 text-center" aria-label="HIGH SPEC (Commercial)">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>HIGH SPEC (Commercial)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-2/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN...">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/guterman__77708.original.jpg"
alt="GUTERMAN..."
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN...</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/other-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Other Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/other-supplies__30476.original.jpg"
alt="Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Other Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/other-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Other Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/other-supplies__30476.original.jpg"
alt="Other Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Other Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fabric-glue-adhesives/" class="inline-flex items-center py-3 text-center" aria-label="Adhesives">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/adhesives__02541.original.jpg"
alt="Adhesives"
width="32"
height="24"
loading="lazy"
/>
<strong>Adhesives</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nails-tacks/" class="inline-flex items-center py-3 text-center" aria-label="Nails & Tacks">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/nails--tacks__87091.original.jpg"
alt="Nails & Tacks"
width="32"
height="24"
loading="lazy"
/>
<strong>Nails & Tacks</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/welt-piping/" class="inline-flex items-center py-3 text-center" aria-label="Welt / Piping">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/welt--piping__91309.original.jpg"
alt="Welt / Piping"
width="32"
height="24"
loading="lazy"
/>
<strong>Welt / Piping</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/burlap-edge-cord/" class="inline-flex items-center py-3 text-center" aria-label="Burlap/Jute Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Burlap/Jute Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sewing-zipper/" class="inline-flex items-center py-3 text-center" aria-label="Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/zippers__83703.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/grommet-kits/" class="inline-flex items-center py-3 text-center" aria-label="Grommet Kits">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Grommet Kits</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/velcro-products-hook-loop/" class="inline-flex items-center py-3 text-center" aria-label="Velcro Products">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Velcro Products</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/curtain-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="CURTAIN"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/curtain__09492.original.jpg"
alt="CURTAIN"
width="32"
height="24"
loading="lazy"
/>
<strong>CURTAIN</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/curtain-fabric/" class="inline-flex items-center py-3 text-center" aria-label="CURTAIN">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/curtain__09492.original.jpg"
alt="CURTAIN"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All CURTAIN</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/oil-cloth/" class="inline-flex items-center py-3 text-center" aria-label="Oil Cloth">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/oil-cloth__31730.original.jpg"
alt="Oil Cloth"
width="32"
height="24"
loading="lazy"
/>
<strong>Oil Cloth</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/curtain-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="Curtain Fabrics By Type"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/curtain-fabrics__99386.original.jpg"
alt="Curtain Fabrics By Type"
width="32"
height="24"
loading="lazy"
/>
<strong>Curtain Fabrics By Type</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/curtain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Curtain Fabrics By Type">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/curtain-fabrics__99386.original.jpg"
alt="Curtain Fabrics By Type"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Curtain Fabrics By Type</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-like/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Like.">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Linen & Linen Like.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-lining/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Lining">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Lining</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sheer-and-lace-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Sheer And Lace">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Sheer And Lace</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/indoor-outdoor-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Outdoor / Indoor">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Outdoor / Indoor</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="Curtain Supplies"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/curtain-supplies__48175.original.jpg"
alt="Curtain Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong>Curtain Supplies</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/drape-curtain-hardware-supplies/" class="inline-flex items-center py-3 text-center" aria-label="Curtain Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/curtain-supplies__48175.original.jpg"
alt="Curtain Supplies"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Curtain Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/all-other-sewing-upholstery-curtain-supplies/" class="inline-flex items-center py-3 text-center" aria-label="All Other Supplies">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>All Other Supplies</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/drapery-curtain-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Hardware</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/drapery-fabric-by-weight/"
class="inline-flex items-center py-3 text-center"
aria-label="DRAPERY FABRIC BY WEIGHT"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/drapery-fabric-by-weight__88344.original.jpg"
alt="DRAPERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong>DRAPERY FABRIC BY WEIGHT</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/drapery-fabric-by-weight/" class="inline-flex items-center py-3 text-center" aria-label="DRAPERY FABRIC BY WEIGHT">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/drapery-fabric-by-weight__88344.original.jpg"
alt="DRAPERY FABRIC BY WEIGHT"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All DRAPERY FABRIC BY WEIGHT</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/light-weight-curtain-drapery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Light">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Light</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/standard-weight-drapery-curtain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Medium">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Medium</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/heavy-weight-curtain-drapery-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Drapery Heavy">
<img class="w-8 h-auto rounded-lg mr-2"
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"
/>
<strong>Drapery Heavy</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/leather/"
class="inline-flex items-center py-3 text-center"
aria-label="LEATHER"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/leather__52603.original.jpg"
alt="LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>LEATHER</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/leather/" class="inline-flex items-center py-3 text-center" aria-label="LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/leather__52603.original.jpg"
alt="LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All LEATHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/full-hides/" class="inline-flex items-center py-3 text-center" aria-label="FULL HIDES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/full-hides__12173.original.jpg"
alt="FULL HIDES"
width="32"
height="24"
loading="lazy"
/>
<strong>FULL HIDES</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/half-hide-leather/" class="inline-flex items-center py-3 text-center" aria-label="HALF HIDE LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/cow-hide-leather__64516.original.jpg"
alt="HALF HIDE LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>HALF HIDE LEATHER</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lamb-skins/" class="inline-flex items-center py-3 text-center" aria-label="LAMB SKIN LEATHER">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/lamb-skin-leather__35148.original.jpg"
alt="LAMB SKIN LEATHER"
width="32"
height="24"
loading="lazy"
/>
<strong>LAMB SKIN LEATHER</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/utility-fabric/"
class="inline-flex items-center py-3 text-center"
aria-label="UTILITY"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/utility__65530.original.jpg"
alt="UTILITY"
width="32"
height="24"
loading="lazy"
/>
<strong>UTILITY</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/utility-fabric/" class="inline-flex items-center py-3 text-center" aria-label="UTILITY">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/utility__65530.original.jpg"
alt="UTILITY"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All UTILITY</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/burlap-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Burlap Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/burlap-fabrics__57527.original.jpg"
alt="Burlap Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Burlap Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/denim-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Denim Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/denim-fabrics__52825.original.jpg"
alt="Denim Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Denim Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/industial-vinyl/" class="inline-flex items-center py-3 text-center" aria-label="Industial Vinyl">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/industial-vinyl__31601.original.jpg"
alt="Industial Vinyl"
width="32"
height="24"
loading="lazy"
/>
<strong>Industial Vinyl</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/organic/" class="inline-flex items-center py-3 text-center" aria-label="ORGANIC">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/organic__24600.original.jpg"
alt="ORGANIC"
width="32"
height="24"
loading="lazy"
/>
<strong>ORGANIC</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/un-treated-canvas-1/" class="inline-flex items-center py-3 text-center" aria-label="Un-Treated Canvas.">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/untreated-canvas__48826.original.jpg"
alt="Un-Treated Canvas."
width="32"
height="24"
loading="lazy"
/>
<strong>Un-Treated Canvas.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/waxed-canvas-1/" class="inline-flex items-center py-3 text-center" aria-label="Waxed Canvas">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/waxed-canvas__47727.original.jpg"
alt="Waxed Canvas"
width="32"
height="24"
loading="lazy"
/>
<strong>Waxed Canvas</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/webbing-straps/"
class="inline-flex items-center py-3 text-center"
aria-label="WEBBING / STRAPS"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/webbing--straps__59858.original.jpg"
alt="WEBBING / STRAPS"
width="32"
height="24"
loading="lazy"
/>
<strong>WEBBING / STRAPS</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/webbing-straps/" class="inline-flex items-center py-3 text-center" aria-label="WEBBING / STRAPS">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/webbing--straps__59858.original.jpg"
alt="WEBBING / STRAPS"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All WEBBING / STRAPS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/1-poly-light-weight/" class="inline-flex items-center py-3 text-center" aria-label="1" POLY Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/1-poly-light-weight__00113.original.jpg"
alt="1" POLY Light Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>1" POLY Light Weight</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/all-other-utility-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Other">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/other__00889.original.jpg"
alt="Other"
width="32"
height="24"
loading="lazy"
/>
<strong>Other</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/screening-netting-berry-cloth-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Screening & Netting">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/screening--netting__77084.original.jpg"
alt="Screening & Netting"
width="32"
height="24"
loading="lazy"
/>
<strong>Screening & Netting</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/felt-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Felt Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/felt-fabric__21320.original.jpg"
alt="Felt Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Felt Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-fabrics-coating-rug/" class="inline-flex items-center py-3 text-center" aria-label="Wool Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/wool-fabrics__22603.original.jpg"
alt="Wool Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Wool Fabrics</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/nylon-fabrics/"
class="inline-flex items-center py-3 text-center"
aria-label="Nylon Fabrics"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/nylon-fabrics__34751.original.jpg"
alt="Nylon Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Nylon Fabrics</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/nylon-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nylon Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/nylon-fabrics__34751.original.jpg"
alt="Nylon Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Nylon Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/diamond-ripstop-nylon/" class="inline-flex items-center py-3 text-center" aria-label="Diamond Ripstop Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/diamond-ripstop-nylon__16698.original.jpg"
alt="Diamond Ripstop Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>Diamond Ripstop Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-backed-nylon/" class="inline-flex items-center py-3 text-center" aria-label="PVC Backed Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/pvc-backed-nylon__04899.original.jpg"
alt="PVC Backed Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>PVC Backed Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ultra-nylon-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Ultra Nylon Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/ultra-nylon-fabric__36516.original.jpg"
alt="Ultra Nylon Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ultra Nylon Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/non-fabric-supplies/"
class="inline-flex items-center py-3 text-center"
aria-label="SUPPLIES"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/supplies__10817.original.jpg"
alt="SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong>SUPPLIES</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/non-fabric-supplies/" class="inline-flex items-center py-3 text-center" aria-label="SUPPLIES">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/supplies__10817.original.jpg"
alt="SUPPLIES"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All SUPPLIES</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/zippers/"
class="inline-flex items-center py-3 text-center"
aria-label="Zippers"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/zippers__12884.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Zippers</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/zippers/" class="inline-flex items-center py-3 text-center" aria-label="Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/zippers__12884.original.jpg"
alt="Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/coil-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="COIL ZIPPER BY THE YARD">
<strong>COIL ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/metal-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="METAL ZIPPER BY THE YARD">
<strong>METAL ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/molded-zipper-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="MOLDED ZIPPER BY THE YARD">
<strong>MOLDED ZIPPER BY THE YARD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/zipper-tops-bottoms-stops/" class="inline-flex items-center py-3 text-center" aria-label="ZIPPER TOPS & BOTTOMS & STOPS">
<strong>ZIPPER TOPS & BOTTOMS & STOPS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/marine-zippers/" class="inline-flex items-center py-3 text-center" aria-label="Marine Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/marine-zippers__71887.original.jpg"
alt="Marine Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Marine Zippers</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/separating-zippers-to-12/" class="inline-flex items-center py-3 text-center" aria-label="Separating Zippers">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/separating-zippers-to-12__91165.original.jpg"
alt="Separating Zippers"
width="32"
height="24"
loading="lazy"
/>
<strong>Separating Zippers</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/needles-scissors-notions/" class="inline-flex items-center py-3 text-center" aria-label="Needles, Scissors & Notions">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/needles-scissors--notions__89283.original.jpg"
alt="Needles, Scissors & Notions"
width="32"
height="24"
loading="lazy"
/>
<strong>Needles, Scissors & Notions</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/hardware/"
class="inline-flex items-center py-3 text-center"
aria-label="Hardware | Snaps | Buckles"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/hardware__22858.original.jpg"
alt="Hardware | Snaps | Buckles"
width="32"
height="24"
loading="lazy"
/>
<strong>Hardware | Snaps | Buckles</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/hardware/" class="inline-flex items-center py-3 text-center" aria-label="Hardware | Snaps | Buckles">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/hardware__22858.original.jpg"
alt="Hardware | Snaps | Buckles"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Hardware | Snaps | Buckles</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/grommets-grommet-kits/" class="inline-flex items-center py-3 text-center" aria-label="GROMMETS & GROMMET KITS">
<strong>GROMMETS & GROMMET KITS</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/poly-hardware/" class="inline-flex items-center py-3 text-center" aria-label="Poly Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/poly-hardware__75054.original.jpg"
alt="Poly Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Poly Hardware</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/metal-hardware-1/" class="inline-flex items-center py-3 text-center" aria-label="Metal Hardware">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/metal-hardware__07535.original.jpg"
alt="Metal Hardware"
width="32"
height="24"
loading="lazy"
/>
<strong>Metal Hardware</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/foam-batting-3/"
class="inline-flex items-center py-3 text-center"
aria-label="FOAM & BATTING"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/foam-products__78605.original.jpg"
alt="FOAM & BATTING"
width="32"
height="24"
loading="lazy"
/>
<strong>FOAM & BATTING</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/foam-batting-3/" class="inline-flex items-center py-3 text-center" aria-label="FOAM & BATTING">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/foam-products__78605.original.jpg"
alt="FOAM & BATTING"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All FOAM & BATTING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/batting-products/" class="inline-flex items-center py-3 text-center" aria-label="Batting Products">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/batting-products__21385.original.jpg"
alt="Batting Products"
width="32"
height="24"
loading="lazy"
/>
<strong>Batting Products</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fiver-foam-lower-cost/" class="inline-flex items-center py-3 text-center" aria-label="FIBER FOAM (Lower Cost)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/fiber-foam-lower-cost__05714.original.jpg"
alt="FIBER FOAM (Lower Cost)"
width="32"
height="24"
loading="lazy"
/>
<strong>FIBER FOAM (Lower Cost)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sew-foam/" class="inline-flex items-center py-3 text-center" aria-label="Sew Foam">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/sew-foam__08745.original.jpg"
alt="Sew Foam"
width="32"
height="24"
loading="lazy"
/>
<strong>Sew Foam</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/"
class="inline-flex items-center py-3 text-center"
aria-label="Webbing"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/webbing__21822.original.jpg"
alt="Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Webbing</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/cotton-poly-nylon-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/webbing__21822.original.jpg"
alt="Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/cotton-webbing__80949.original.jpg"
alt="Cotton Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/laminated-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Laminated Webbing">
<strong>Laminated Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/poly-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Poly Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/poly-webbing__79633.original.jpg"
alt="Poly Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Poly Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/seatbelt-webbing-by-the-yard/" class="inline-flex items-center py-3 text-center" aria-label="Seatbelt Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/seatbelt-webbing__64860.original.jpg"
alt="Seatbelt Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Seatbelt Webbing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-webbing/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Webbing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/upholstery-webbing__51338.original.jpg"
alt="Upholstery Webbing"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Webbing</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/cord-rope-string/"
class="inline-flex items-center py-3 text-center"
aria-label="Cord, Rope, String"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/cord-rope-string__71359.original.jpg"
alt="Cord, Rope, String"
width="32"
height="24"
loading="lazy"
/>
<strong>Cord, Rope, String</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/cord-rope-string/" class="inline-flex items-center py-3 text-center" aria-label="Cord, Rope, String">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/cord-rope-string__71359.original.jpg"
alt="Cord, Rope, String"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Cord, Rope, String</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/by-the-foot-yard/" class="inline-flex items-center py-3 text-center" aria-label="By The Foot & Yard">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-the-foot--yard__82400.original.jpg"
alt="By The Foot & Yard"
width="32"
height="24"
loading="lazy"
/>
<strong>By The Foot & Yard</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/remnant-pieces/" class="inline-flex items-center py-3 text-center" aria-label="Remnant Pieces">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/remnant-pieces__49853.original.jpg"
alt="Remnant Pieces"
width="32"
height="24"
loading="lazy"
/>
<strong>Remnant Pieces</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/sunbrella-binding-1/"
class="inline-flex items-center py-3 text-center"
aria-label="SUNBRELLA BINDING."
data-x-on:click.prevent="open = true"
>
<strong>SUNBRELLA BINDING.</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/sunbrella-binding-1/" class="inline-flex items-center py-3 text-center" aria-label="SUNBRELLA BINDING.">
<strong class="uppercase">All SUNBRELLA BINDING.</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bias-binding-2/" class="inline-flex items-center py-3 text-center" aria-label="BIAS BINDING..">
<strong>BIAS BINDING..</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/straight-binding/" class="inline-flex items-center py-3 text-center" aria-label="STRAIGHT BINDING..">
<strong>STRAIGHT BINDING..</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/thread-2/"
class="inline-flex items-center py-3 text-center"
aria-label="Thread"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/thread__16187.original.jpg"
alt="Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Thread</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/thread-2/" class="inline-flex items-center py-3 text-center" aria-label="Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/thread__16187.original.jpg"
alt="Thread"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-25-lighter-weight-thread/" class="inline-flex items-center py-3 text-center" aria-label="Tex 25 Lighter Weight Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/tex-25-lighter-weight-thread__96736.original.jpg"
alt="Tex 25 Lighter Weight Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 25 Lighter Weight Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-50-thread-light-weight-2/" class="inline-flex items-center py-3 text-center" aria-label="Tex 50 Thread -- Light Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/tex-50-thread--light-weight__82224.original.jpg"
alt="Tex 50 Thread -- Light Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 50 Thread -- Light Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-90-100-heavy-weight-3/" class="inline-flex items-center py-3 text-center" aria-label="Tex 90 - 100 -- Heavy Weight">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/tex-90--100--heavy-weight__56650.original.jpg"
alt="Tex 90 - 100 -- Heavy Weight"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex 90 - 100 -- Heavy Weight</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tex-75-med-hvy-thread/" class="inline-flex items-center py-3 text-center" aria-label="Tex  75 -- Med/Hvy Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/tex--75--medhvy-thread__10991.original.jpg"
alt="Tex  75 -- Med/Hvy Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>Tex  75 -- Med/Hvy Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/12-wt-top-stitch-thread/" class="inline-flex items-center py-3 text-center" aria-label="12 Wt Top Stitch Thread">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/12-wt-top-stitch-thread__82052.original.jpg"
alt="12 Wt Top Stitch Thread"
width="32"
height="24"
loading="lazy"
/>
<strong>12 Wt Top Stitch Thread</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/guterman-thread/" class="inline-flex items-center py-3 text-center" aria-label="GUTERMAN THREAD">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/i/guterman-thread__49784.original.jpg"
alt="GUTERMAN THREAD"
width="32"
height="24"
loading="lazy"
/>
<strong>GUTERMAN THREAD</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/v92-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="V92 Commercial Machine">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/v92-commercial-machine__32909.original.jpg"
alt="V92 Commercial Machine"
width="32"
height="24"
loading="lazy"
/>
<strong>V92 Commercial Machine</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/high-spec-thread-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="HIGH SPEC THREAD (Commercial Machine)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/high-spec-thread-commercial-machine__09959.original.jpg"
alt="HIGH SPEC THREAD (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<strong>HIGH SPEC THREAD (Commercial Machine)</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sunguard-thread-commercial-machine/" class="inline-flex items-center py-3 text-center" aria-label="SUNGUARD Thread (Commercial Machine)">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/sunguard-thread-commercial-machine__80441.original.jpg"
alt="SUNGUARD Thread (Commercial Machine)"
width="32"
height="24"
loading="lazy"
/>
<strong>SUNGUARD Thread (Commercial Machine)</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li >
<a href="https://fabricwarehouse.com/velcro/" class="inline-flex items-center py-3 text-center" aria-label="Velcro">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/velcro__88342.original.jpg"
alt="Velcro"
width="32"
height="24"
loading="lazy"
/>
<strong>Velcro</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/elastic/"
class="inline-flex items-center py-3 text-center"
aria-label="Elastic"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/elastic__39268.original.jpg"
alt="Elastic"
width="32"
height="24"
loading="lazy"
/>
<strong>Elastic</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/elastic/" class="inline-flex items-center py-3 text-center" aria-label="Elastic">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/elastic__39268.original.jpg"
alt="Elastic"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Elastic</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/elastic-for-sewing/" class="inline-flex items-center py-3 text-center" aria-label="Elastic for Sewing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/all-elastic-items__67654.original.jpg"
alt="Elastic for Sewing"
width="32"
height="24"
loading="lazy"
/>
<strong>Elastic for Sewing</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/by-details/"
class="inline-flex items-center py-3 text-center"
aria-label="BY DETAIL"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-details__00155.original.jpg"
alt="BY DETAIL"
width="32"
height="24"
loading="lazy"
/>
<strong>BY DETAIL</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/by-details/" class="inline-flex items-center py-3 text-center" aria-label="BY DETAIL">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/by-details__00155.original.jpg"
alt="BY DETAIL"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All BY DETAIL</strong>
</a>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-color/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Color"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/fabric-by-color__84163.original.jpg"
alt="Fabric By Color"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Color</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<form
method="get"
action="/search-product-by-color/"
enctype="application/x-www-form-urlencoded"
>
<input type="hidden" name="color_match_rate" value="5"/>
<div
class="mb-3"
id="mobile-navigation-color-picker"
data-x-data="input_color"

>
<label class="block" for="mobile-navigation-color-picker_input">Search Products by Color

</label>
<div class="relative flex border rounded-global overflow-hidden bg-white">

<div
class="w-8 h-8 ml-1 rounded-full border border-zinc-100 self-center"
data-x-bind:style="{ backgroundColor: color }"
>
<input
class="w-8 h-8 cursor-pointer opacity-0"
type="color"
data-x-model="color"
/>
</div>
<input type="text"
name="colors"
id="mobile-navigation-color-picker_input"
class="flex-1 appearance-none py-2 px-3 text-black leading-normal outline-none w-[1%]"
data-label="Search Products by Color"
data-input
aria-required=""
aria-labelledby="mobile-navigation-color-picker"
aria-live="polite"
autocomplete="off"
data-x-model="textInput"


 placeholder="Enter color HEX code (e.g., #ff0000)"


/>
<button
type="submit"
class="inline-flex items-center justify-center font-bold uppercase rounded-global transition-all disabled:opacity-75 border-primary bg-primary hover:bg-primary-400 text-default hover:text-default px-4 py-2"
>Search</button>

</div>
<div class="text-slate-700"><strong data-x-text="message"></strong></div>
</div>
</form>
<a href="/search-product-by-color/" class="mt-2 text-primary-700"><strong><u>Need a HEX color ID?</u></strong></a>
<hr class="mt-3 mb-3" />
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-color/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Color">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/fabric-by-color__84163.original.jpg"
alt="Fabric By Color"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Color</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-beige-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Beige Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/beige-fabric__20891.original.jpg"
alt="Beige Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Beige Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-black-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Black Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/black-fabric__28981.original.jpg"
alt="Black Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Black Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-blue-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Blue Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/blue-fabric__48966.original.jpg"
alt="Blue Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Blue Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-brown-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Brown Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/brown-fabric__21468.original.jpg"
alt="Brown Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Brown Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-bronze-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Bronze Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/bronze-fabric__53664.original.jpg"
alt="Bronze Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Bronze Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-gold-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Gold Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/gold-fabric__68831.original.jpg"
alt="Gold Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gold Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-gray-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Gray Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gray-fabric__14243.original.jpg"
alt="Gray Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gray Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-green-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Green Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/f/green-fabric__71748.original.jpg"
alt="Green Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Green Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-khaki-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Khaki Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/khaki-fabric__86649.original.jpg"
alt="Khaki Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Khaki Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-orange-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Orange Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/orange-fabric__16031.original.jpg"
alt="Orange Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Orange Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-pink-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Pink Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/pink-fabric__88017.original.jpg"
alt="Pink Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Pink Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-purple-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Purple Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/purple-fabric__80039.original.jpg"
alt="Purple Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Purple Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-red-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Red Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/red-fabric__23845.original.jpg"
alt="Red Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Red Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-tan-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Tan Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/tan-fabric__97519.original.jpg"
alt="Tan Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Tan Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-taupe-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Taupe Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/taupe-fabric__61944.original.jpg"
alt="Taupe Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Taupe Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-silver-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Silver Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/silver-fabric__45284.original.jpg"
alt="Silver Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Silver Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-white-fabric/" class="inline-flex items-center py-3 text-center" aria-label="White Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/white-fabric__90629.original.jpg"
alt="White Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>White Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/yellow-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Yellow Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/yellow-fabric__47838.original.jpg"
alt="Yellow Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Yellow Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-theme/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Theme"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric-by-theme__45446.original.jpg"
alt="Fabric By Theme"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Theme</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-theme/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Theme">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/fabric-by-theme__45446.original.jpg"
alt="Fabric By Theme"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Theme</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/bohemian-themed-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Bohemian Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/bohemian-fabric__60406.original.jpg"
alt="Bohemian Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Bohemian Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camouflage-themed-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Camouflage Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/camouflage__75201.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Camouflage Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/child-baby-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Child & Baby Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/child--baby__26299.original.jpg"
alt="Child & Baby Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Child & Baby Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/contemporary-designs-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Contemporary Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/contemporary__43488.original.jpg"
alt="Contemporary Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Contemporary Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cottage-camp-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cottage & Camp Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/cottage--camp__11717.original.jpg"
alt="Cottage & Camp Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Cottage & Camp Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/fall-season-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Fall Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/fall-season__12132.original.jpg"
alt="Fall Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Fall Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gardening-and-garden-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Gardening & Garden Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/gardening-and-garden__74601.original.jpg"
alt="Gardening & Garden Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gardening & Garden Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/holiday-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Holiday Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/holiday__12617.original.jpg"
alt="Holiday Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Holiday Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/modern-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Modern Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/modern-fabric__93654.original.jpg"
alt="Modern Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Modern Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautical-beech-sailing-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nautical / Beach / Sailing">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/nautical--beach--sailing__90482.original.jpg"
alt="Nautical / Beach / Sailing"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautical / Beach / Sailing</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/retro-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Retro Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/retro__41102.original.jpg"
alt="Retro Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Retro Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/shabby-chic/" class="inline-flex items-center py-3 text-center" aria-label="Shabby Chic Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/shabby-chic__63549.original.jpg"
alt="Shabby Chic Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Shabby Chic Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/sports-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Sports Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/sports__14016.original.jpg"
alt="Sports Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Sports Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/spring-season-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Spring Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/spring-season__69241.original.jpg"
alt="Spring Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Spring Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/summer-season-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Summer Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/summer-season__15636.original.jpg"
alt="Summer Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Summer Season Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/traditional-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Traditional Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/traditional-fabric__50214.original.jpg"
alt="Traditional Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Traditional Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/western-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Western Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/western__54596.original.jpg"
alt="Western Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Western Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wildlife-animal-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Wildlife Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/d/wildlife__71806.original.jpg"
alt="Wildlife Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Wildlife Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/winter-season-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Winter Season Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/winter-season__55378.original.jpg"
alt="Winter Season Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Winter Season Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/fabric-by-designs/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Designs"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/fabric-by-designs__18883.original.jpg"
alt="Fabric By Designs"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Designs</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/fabric-by-designs/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Designs">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/fabric-by-designs__18883.original.jpg"
alt="Fabric By Designs"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Designs</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/abstract-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Abstract Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/abstract__26026.original.jpg"
alt="Abstract Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Abstract Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/argyle-diamond-harlequin-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Argyle / Diamond / Harlequin">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/argyle--diamond--harlequin__00065.original.jpg"
alt="Argyle / Diamond / Harlequin"
width="32"
height="24"
loading="lazy"
/>
<strong>Argyle / Diamond / Harlequin</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/animals-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Animals Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/animals__81992.original.jpg"
alt="Animals Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Animals Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/batik-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Batiks Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/batiks__46653.original.jpg"
alt="Batiks Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Batiks Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/chevron-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Chevron Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/chevron__21531.original.jpg"
alt="Chevron Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Chevron Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camouflage-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Camouflage Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/camouflage__37259.original.jpg"
alt="Camouflage Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Camouflage Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/circle-circular-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Circle Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/circle__70369.original.jpg"
alt="Circle Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Circle Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/crosshatch-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Crosshatch Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/crosshatch__10196.original.jpg"
alt="Crosshatch Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Crosshatch Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/checks-plaids-fabric/" class="inline-flex items-center py-3 text-center" aria-label="Checks & Plaids Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/j/checks--plaids-fabric__78800.original.jpg"
alt="Checks & Plaids Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Checks & Plaids Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/dots-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Dots Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/dots__69239.original.jpg"
alt="Dots Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Dots Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/damask-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Damask Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/damask-fabrics__22303.original.jpg"
alt="Damask Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Damask Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/floral-vine-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Floral & Vine Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/a/floral--vine-fabric__15327.original.jpg"
alt="Floral & Vine Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Floral & Vine Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/geometrics-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Geometrics Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/k/geometrics__28244.original.jpg"
alt="Geometrics Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Geometrics Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/gingham-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Gingham Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/gingham__84876.original.jpg"
alt="Gingham Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Gingham Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/herringbone-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Herringbone Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/herringbone__01276.original.jpg"
alt="Herringbone Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Herringbone Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/houndstooth-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Houndstooth Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/x/houndstooth__75584.original.jpg"
alt="Houndstooth Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Houndstooth Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ikat-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ikat Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/g/ikat__18497.original.jpg"
alt="Ikat Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ikat Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/jacquard-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Jacquard Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/l/jacquard__75858.original.jpg"
alt="Jacquard Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Jacquard Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/lattice-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Lattice Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/r/lattice__71923.original.jpg"
alt="Lattice Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Lattice Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/medallion-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Medallion Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/medallion__88775.original.jpg"
alt="Medallion Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Medallion Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/moire-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Moire Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/moire__48750.original.jpg"
alt="Moire Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Moire Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nautical-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Nautical Theme Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/nautical-theme-fabric__37255.original.jpg"
alt="Nautical Theme Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Nautical Theme Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ogee-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ogee Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/w/ogee__94242.original.jpg"
alt="Ogee Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ogee Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/polka-dot-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Polka Dot Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/polka-dot__84098.original.jpg"
alt="Polka Dot Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Polka Dot Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pinstripe-themed-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Pinstripe">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/pinstripe__31458.original.jpg"
alt="Pinstripe"
width="32"
height="24"
loading="lazy"
/>
<strong>Pinstripe</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/paisley-design-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Paisley Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/paisley-design__22852.original.jpg"
alt="Paisley Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Paisley Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/camp-or-cottage-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Rustic Camp Or Cottage">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/rustic-camp-or-cottage__90492.original.jpg"
alt="Rustic Camp Or Cottage"
width="32"
height="24"
loading="lazy"
/>
<strong>Rustic Camp Or Cottage</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/script-writing-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Script / Letters Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/script--letters__64703.original.jpg"
alt="Script / Letters Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Script / Letters Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/scrollwork-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Scrollwork Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/scrollwork__06509.original.jpg"
alt="Scrollwork Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Scrollwork Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/striped-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Striped Fabrics">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/striped-fabrics__07156.original.jpg"
alt="Striped Fabrics"
width="32"
height="24"
loading="lazy"
/>
<strong>Striped Fabrics</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/solid-plain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Solid Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/solid__06553.original.jpg"
alt="Solid Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Solid Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/stars-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Stars Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/stars__88716.original.jpg"
alt="Stars Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Stars Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/discount-solid-plain-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Solid / Plain Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/s/solid--plain__30532.original.jpg"
alt="Solid / Plain Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Solid / Plain Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/southwest-aztec-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Southwest / Aztec">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/southwest--aztec__17574.original.jpg"
alt="Southwest / Aztec"
width="32"
height="24"
loading="lazy"
/>
<strong>Southwest / Aztec</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/ticking-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Ticking Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/ticking__59155.original.jpg"
alt="Ticking Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Ticking Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/textured-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Textured Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/y/textured__17948.original.jpg"
alt="Textured Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Textured Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/tone-on-tone-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Tone On Tone">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/tone-on-tone__75281.original.jpg"
alt="Tone On Tone"
width="32"
height="24"
loading="lazy"
/>
<strong>Tone On Tone</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/toile-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Toile Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/q/toile__99027.original.jpg"
alt="Toile Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Toile Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/"
class="inline-flex items-center py-3 text-center"
aria-label="Fabric By Fiber Content"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/fabric-by-fiber-content__48075.original.jpg"
alt="Fabric By Fiber Content"
width="32"
height="24"
loading="lazy"
/>
<strong>Fabric By Fiber Content</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/discount-fabric-by-fiber-content/" class="inline-flex items-center py-3 text-center" aria-label="Fabric By Fiber Content">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/fabric-by-fiber-content__48075.original.jpg"
alt="Fabric By Fiber Content"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All Fabric By Fiber Content</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/acrylic-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Acrylic Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/b/acrylic__60950.original.jpg"
alt="Acrylic Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Acrylic Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/m/cotton-blend__70451.original.jpg"
alt="Cotton Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/cotton-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Cotton Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/cotton-fabric__78843.original.jpg"
alt="Cotton Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Cotton Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/linen-linen-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Linen & Linen Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/p/linen--linen-blend__75536.original.jpg"
alt="Linen & Linen Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Linen & Linen Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/nylon-fabris/" class="inline-flex items-center py-3 text-center" aria-label="Nylon Nylon">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/nylon__35119.original.jpg"
alt="Nylon Nylon"
width="32"
height="24"
loading="lazy"
/>
<strong>Nylon Nylon</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/pvc-vinyl-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="PVC & Vinyl Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/pvc--vinyl__04151.original.jpg"
alt="PVC & Vinyl Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>PVC & Vinyl Fabric</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/upholstery-blend-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Upholstery Blend">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/c/upholstery-blend__87880.original.jpg"
alt="Upholstery Blend"
width="32"
height="24"
loading="lazy"
/>
<strong>Upholstery Blend</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/wool-fabrics/" class="inline-flex items-center py-3 text-center" aria-label="Wool Fabric">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/h/wool__19877.original.jpg"
alt="Wool Fabric"
width="32"
height="24"
loading="lazy"
/>
<strong>Wool Fabric</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
<li  data-x-data="drawer">
<a href="https://fabricwarehouse.com/clearance/"
class="inline-flex items-center py-3 text-center"
aria-label="CLEARANCE"
data-x-on:click.prevent="open = true"
>
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/clearance-fabric__15232.original.jpg"
alt="CLEARANCE"
width="32"
height="24"
loading="lazy"
/>
<strong>CLEARANCE</strong>
</a>
<div
class="drawer-portal"
data-drawer="{placement: 'bottom', snapPoints: [0, '90%']}"
hidden=""
>
<div class="drawer-content relative p-3 bg-white shadow-md rounded-t-global">
<ul>
<li>
<a href="https://fabricwarehouse.com/clearance/" class="inline-flex items-center py-3 text-center" aria-label="CLEARANCE">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/n/clearance-fabric__15232.original.jpg"
alt="CLEARANCE"
width="32"
height="24"
loading="lazy"
/>
<strong class="uppercase">All CLEARANCE</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/free-shipping/" class="inline-flex items-center py-3 text-center" aria-label="FREE SHIPPING">
<strong>FREE SHIPPING</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/20-off/" class="inline-flex items-center py-3 text-center" aria-label="20% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/e/20-off__83939.original.jpg"
alt="20% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>20% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/30-off/" class="inline-flex items-center py-3 text-center" aria-label="30% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/u/30-off__80219.original.jpg"
alt="30% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>30% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/40-off/" class="inline-flex items-center py-3 text-center" aria-label="40% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/z/40-off__76684.original.jpg"
alt="40% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>40% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/50-off/" class="inline-flex items-center py-3 text-center" aria-label="50% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/v/50-off__08329.original.jpg"
alt="50% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>50% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/60-off/" class="inline-flex items-center py-3 text-center" aria-label="60% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/o/60-off__57815.original.jpg"
alt="60% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>60% OFF</strong>
</a>
</li>
<li >
<a href="https://fabricwarehouse.com/70-off/" class="inline-flex items-center py-3 text-center" aria-label="70% OFF">
<img class="w-8 h-auto rounded-lg mr-2"
src="https://cdn11.bigcommerce.com/s-z9t2ne/images/stencil/80x60/t/70-off__24219.original.jpg"
alt="70% OFF"
width="32"
height="24"
loading="lazy"
/>
<strong>70% OFF</strong>
</a>
</li>
</ul>
</div>
<div class="drawer-handle" aria-hidden="true"></div>
</div>
</li>
</ul>
<hr />
<ul class="flex flex-wrap justify-center -mx-1 mt-2">
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/custom-cut-upholstery-foam/" class="inline-block items-center py-1 text-center" aria-label="Custom Foam">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/custom-foam.svg"
alt="Custom Foam"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Custom Foam</small></strong>
</a>
</li>
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/fabric-collections/fabric-remnants/" class="inline-block items-center py-1 text-center" aria-label="Remnants">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/remnant.svg"
alt="Remnants"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Remnants</small></strong>
</a>
</li>
<li class="px-1 mb-2 w-3/12">
<a href="https://fabricwarehouse.com/fabric-collections-map/" class="inline-block items-center py-1 text-center" aria-label="Collections">
<img class="w-8 h-auto rounded-lg m-auto"
src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/icons/collection.svg"
alt="Collections"
width="32"
height="32"
loading="lazy"
/>
<strong class="block"><small>Collections</small></strong>
</a>
</li>
</ul>
</div>
<div id="loading">
<div class="absolute inset-x-0 inset-y-0 z-[1000] flex items-center justify-center bg-white/50"
>
<img class="animate-spin" src="https://cdn11.bigcommerce.com/s-z9t2ne/stencil/650713a0-d0bd-013e-b516-32fe1a9facfb/e/bbe4ac90-a77a-013a-68c5-0a2b704a6d44/img/loading.svg" width="100" height="100" alt="loading" />
</div>
</div>
Collections

White Outdoor Fabric
