Products

Best Sellers

Website Powered by: Lillian Purge

/* ====== JVS Columned Dropdown for Savor 3.1.0 (safe, scoped) ====== */ /* container under the parent menu item */ .jvs-dropdown { position: absolute; left: 0; right: 0; /* make it mega width; remove if you want narrow */ top: 100%; display: none; background: #fff; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 10px 25px rgba(0,0,0,.08); z-index: 50; } /* show on hover (desktop) – your theme may toggle with JS; keep both */ li:hover > .jvs-dropdown, li:focus-within > .jvs-dropdown { display: block; } /* core grid for column layout (reads left → right) */ .jvs-mega { display: grid; grid-template-columns: repeat(var(--jvs-cols, 3), minmax(var(--jvs-col-min, 180px), 1fr)); gap: 14px 24px; padding: 18px 22px; } /* each column item */ .jvs-mega__item { min-width: 0; } /* top-level links inside the mega (act as headings) */ .jvs-mega__link { display: inline-block; font-weight: 700; text-decoration: none; color: #111; margin-bottom: 8px; white-space: normal; word-break: normal; overflow-wrap: anywhere; /* prevents vertical letter stacking */ } /* sublist under each heading */ .jvs-mega__sublist { margin: 0; padding: 0; list-style: none; } /* sub items */ .jvs-mega__sublink { display: block; padding: 6px 0; text-decoration: none; color: #333; white-space: normal; /* critical to avoid vertical stacking */ word-break: normal; overflow-wrap: anywhere; } .jvs-mega__sublink:hover { color: #000; } /* keep dropdown inside viewport if parent is near the right edge */ .navbar, .site-header, .header__inline-menu { position: relative; z-index: 20; } .jvs-dropdown { overflow: hidden; } /* optional: narrow screens collapse to single column */ @media (max-width: 989px) { .jvs-dropdown { position: static; display: block; border: 0; box-shadow: none; } .jvs-mega { grid-template-columns: 1fr; padding: 10px 0; } }