[{"id":642296381767,"handle":"myotape-mouth-tapes","updated_at":"2025-12-02T12:58:12+00: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
MyoTape for Adults are sleep tape strips designed to help adults switch from mouth breathers to nose breathers, while reduce snoring, and managing sleep apnea for better sleep quality.
Key Features & Benefits:
Promotes Nose Breathing: Effective mouth tape for adults that helps mouth breathers transition to nasal breathing, improving sleep quality and overall health.
Reduces Snoring: Stops snoring by encouraging proper breathing patterns, making it ideal for those struggling with snoring and sleep apnea.
Safe and Convenient: Allows for emergency mouth opening and convenience to use while talking or drinking.
Skin-Friendly Material: Made from soft cotton and gentle hypoallergenic adhesive, ensuring comfort for all skin types, including sensitive skin.
Expert Recommendation: Created by Patrick McKeown, a globally recognized breathing expert and author, and based on scientifically proven research on sleep and respiratory health.
View full details
Choosing a selection results in a full page refresh.
Opens in a new window.
