[{"id":642296381767,"handle":"myotape-mouth-tapes","updated_at":"2025-10-15T12:26:18+01:00","published_at":"2025-01-23T11:47:52+00:00","sort_order":"best-selling","template_suffix":"","published_scope":"web","title":"MyoTape Mouth Tapes","body_html":"\u003cp\u003eUnlock volume discount when you buy in bulk across the MyoTape Range. NOTE it is a requirement of being in our wholesale programme that you adhere to our global RRP guidelines of €28, USD30, £24, AUD 44 when selling across your retail channels.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eRange Volume Discounts for MyoTape\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \/* Volume discount table styling *\/\n .volume-discount-table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n background: #ffffff;\n border: 1px solid #e9ecef;\n }\n\n \/* Header column styling *\/\n .volume-discount-table td:first-child {\n background: #f8fafc;\n font-weight: 600;\n color: #334155;\n border-right: 1px solid #e2e8f0;\n min-width: 200px;\n padding: 16px 20px;\n text-align: right;\n white-space: nowrap;\n position: relative;\n }\n\n \/* General cell styling *\/\n .volume-discount-table td {\n padding: 16px 12px;\n text-align: center;\n vertical-align: middle;\n min-width: 80px;\n white-space: nowrap;\n transition: all 0.2s ease;\n }\n\n \/* Data columns minimum width *\/\n .volume-discount-table td:not(:first-child) {\n min-width: 85px;\n }\n\n \/* Vertical zebra striping for data columns *\/\n \/* Light columns (2nd, 4th, 6th, 8th) *\/\n .volume-discount-table td:nth-child(2n) {\n background-color: #ffffff;\n }\n\n \/* Accent columns (3rd, 5th, 7th, 9th) *\/\n .volume-discount-table td:nth-child(2n+1):not(:first-child) {\n background-color: #f0f8ff;\n }\n\n \/* First row (quantity ranges) styling *\/\n .volume-discount-table tr:first-child td:not(:first-child) {\n font-weight: 600;\n color: #00a6f4;\n border-bottom: 2px solid #e2e8f0;\n letter-spacing: 0.3px;\n }\n\n \/* Second row (discount values) styling - Badge style *\/\n .volume-discount-table tr:last-child td:not(:first-child) {\n padding: 12px 8px;\n position: relative;\n }\n\n \/* Discount badge styling *\/\n .volume-discount-table tr:last-child td:not(:first-child)::before {\n content: attr(data-discount);\n display: inline-block;\n background: #00a6f4;\n color: white;\n padding: 2px 8px;\n border-radius: 20px;\n font-size: 0.9em;\n font-weight: 700;\n box-shadow: 0 2px 8px rgba(0, 166, 244, 0.3);\n text-transform: uppercase;\n border: 2px solid rgba(255, 255, 255, 0.2);\n transition: all 0.2s ease;\n }\n\n \/* CSS-only column highlighting approach using table hover *\/\n \/* When hovering over table, and any cell in column 2 is hovered *\/\n .volume-discount-table:hover td:nth-child(2):hover {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n \n \/* Highlight all cells in column 2 when hovering the table AND column 2 is active *\/\n .volume-discount-table:hover:has(td:nth-child(2):hover) td:nth-child(2):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n \/* Repeat for each column using :has() selector (modern CSS) *\/\n .volume-discount-table:hover:has(td:nth-child(3):hover) td:nth-child(3):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(4):hover) td:nth-child(4):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(5):hover) td:nth-child(5):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(6):hover) td:nth-child(6):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(7):hover) td:nth-child(7):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(8):hover) td:nth-child(8):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n .volume-discount-table:hover:has(td:nth-child(9):hover) td:nth-child(9):not(:first-child) {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n\n \/* Fallback for browsers without :has() support - simple individual cell hover *\/\n @supports not selector(:has(*)) {\n .volume-discount-table td:not(:first-child):hover {\n background-color: rgba(0, 166, 244, 0.15) !important;\n box-shadow: 0 4px 12px rgba(0, 166, 244, 0.15);\n }\n }\n\n \/* Enhanced badge hover effect - only when parent column is highlighted *\/\n .volume-discount-table:hover:has(td:nth-child(2):hover) tr:last-child td:nth-child(2)::before,\n .volume-discount-table:hover:has(td:nth-child(3):hover) tr:last-child td:nth-child(3)::before,\n .volume-discount-table:hover:has(td:nth-child(4):hover) tr:last-child td:nth-child(4)::before,\n .volume-discount-table:hover:has(td:nth-child(5):hover) tr:last-child td:nth-child(5)::before,\n .volume-discount-table:hover:has(td:nth-child(6):hover) tr:last-child td:nth-child(6)::before,\n .volume-discount-table:hover:has(td:nth-child(7):hover) tr:last-child td:nth-child(7)::before,\n .volume-discount-table:hover:has(td:nth-child(8):hover) tr:last-child td:nth-child(8)::before,\n .volume-discount-table:hover:has(td:nth-child(9):hover) tr:last-child td:nth-child(9)::before {\n background: #0284c7;\n transform: scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 166, 244, 0.4);\n }\n\n \/* Responsive container - fix the overflow issue *\/\n .table-container {\n overflow-x: auto;\n overflow-y: hidden;\n margin: 24px 0;\n border-radius: 12px;\n scrollbar-width: thin;\n scrollbar-color: #cbd5e1 #f1f5f9;\n max-width: 100vw;\n width: 100%;\n box-sizing: border-box;\n }\n\n .table-container::-webkit-scrollbar {\n height: 8px;\n }\n\n .table-container::-webkit-scrollbar-track {\n background: #f1f5f9;\n border-radius: 4px;\n }\n\n .table-container::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n\n .table-container::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n \/* Tablet responsive design *\/\n @media (max-width: 1024px) {\n .volume-discount-table td:first-child {\n min-width: 180px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 75px;\n }\n }\n\n \/* Mobile responsive design *\/\n @media (max-width: 768px) {\n .table-container {\n margin: 16px 0;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n max-width: calc(100vw - 32px);\n }\n\n .volume-discount-table {\n min-width: 900px;\n width: 900px;\n }\n\n .volume-discount-table td {\n padding: 10px 6px;\n }\n \n .volume-discount-table td:first-child {\n min-width: 150px;\n padding: 10px 12px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 65px;\n }\n }\n\n \/* Very small mobile devices *\/\n @media (max-width: 480px) {\n .table-container {\n margin: 12px 0;\n max-width: calc(100vw - 24px);\n }\n\n .volume-discount-table {\n min-width: 850px;\n width: 850px;\n }\n\n .volume-discount-table td:first-child {\n min-width: 130px;\n padding: 8px 10px;\n }\n\n .volume-discount-table td:not(:first-child) {\n min-width: 60px;\n padding: 8px 4px;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable class=\"volume-discount-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eOrder Quantity\u003c\/td\u003e\n\u003ctd\u003e2-4\u003c\/td\u003e\n\u003ctd\u003e5-9\u003c\/td\u003e\n\u003ctd\u003e10-19\u003c\/td\u003e\n\u003ctd\u003e20-49\u003c\/td\u003e\n\u003ctd\u003e50-99\u003c\/td\u003e\n\u003ctd\u003e100-249\u003c\/td\u003e\n\u003ctd\u003e250-499\u003c\/td\u003e\n\u003ctd\u003e500+\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVolume Discount\u003c\/td\u003e\n\u003ctd data-discount=\"-10%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-30%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-38%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-41%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-50%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-56%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-60%\"\u003e\u003c\/td\u003e\n\u003ctd data-discount=\"-61%\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e"}]
[]
Skip to content
Mouth Tape - Sample Pack is a variety pack of skin-friendly mouth tape strips that helps you to discover the perfect fit for your needs. They are designed to promote nasal breathing and improve sleep quality for both kids and adults.
Key Features & Benefits:
Promotes Better Sleep Quality: MyoTape helps gently restore breathing through the nose, enhancing sleep quality and reducing snoring.
Easy to Use: MyoTape sleep strips surround the mouth, bringing together the lips with light elastic tension without covering the mouth. This simple application process makes it ideal for nightly use.
Skin-Friendly Material: Made from soft cotton and hypoallergenic adhesive, MyoTape ensures comfort for all skin types, including sensitive skin.
Versatile: Mouth tapes are available in a range of sizes with customized products for those with adults, teens, and younger children.
Safe for Sleep Apnea: Allows mouth puffing, essential for people with sleep apnea, ensuring safe and effective use. The design also allows for yawning and sneezing without removal, enhancing your convenience.
View full details
Choosing a selection results in a full page refresh.
Opens in a new window.
