body { margin: 0; padding: 0; } .caret { cursor: pointer; } .text-full { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.3s ease, max-height 0.3s ease; } .text-full.active { opacity: 1; max-height: 100px; } .center-container { width: 100%; margin: 0; padding-top: 0; } .text-container { max-width: 500px; margin: 0 auto; text-align: center; } .text-preview { margin: 0; font-size: 16px; text-align: center; display: inline-block; } .scrolling-menu { display: flex; overflow-x: auto; padding: 10px 0; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; justify-content: center; margin: 0 auto; max-width: 1200px; } .scrolling-menu-item { flex: 0 0 auto; width: 150px; margin: 0 15px; display: flex; flex-direction: column; align-items: center; text-align: center; } .scrolling-menu-item img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; display: block; margin: 0 auto; } .scrolling-menu-item p { margin: 10px 0 0; font-size: 14px; } @media (max-width: 600px) { .scrolling-menu { justify-content: flex-start; scroll-snap-type: x mandatory; padding: 10px 20px; max-width: 100%; } .scrolling-menu-item { scroll-snap-align: center; width: 130px; margin: 0 10px; } .scrolling-menu-item img { width: 90px; height: 90px; } } document.addEventListener("DOMContentLoaded", () => { document.body.addEventListener("click", (e) => { if(e.target.classList.contains("caret")) { const caret = e.target; const textFull = caret.closest(".text-preview").nextElementSibling; const isActive = textFull.classList.toggle("active"); caret.setAttribute("aria-expanded", isActive); caret.textContent = isActive ? "▲" : "▽"; } }); }); body { margin: 0; padding: 0; } .center-container { width: 100%; margin: 0; padding-top: 0; } .text-container { max-width: 500px; margin: 0 auto; text-align: center; } .summary-text { font-size: 16px; line-height: 1.4; display: block; } .read-more-link { display: inline-block; margin-top: 1rem; font-size: 16px; /* Uses theme default styling for all other properties */ } @media (max-width: 600px) { .text-container { padding-left: 1rem; padding-right: 1rem; } } // Smooth scroll for 'Read more' link document.addEventListener('DOMContentLoaded', function () { const link = document.querySelector('.read-more-link'); if (link) { link.addEventListener('click', function (e) { const targetId = this.getAttribute('href').slice(1); const target = document.getElementById(targetId); if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); target.setAttribute('tabindex', '-1'); target.focus({ preventScroll: true }); } }); } }); Stunning sterling silver necklaces that draw attention to your neckline and add a touch of class to every outfit. Perfect for both everyday wear and special moments. Read more Silver Gold Heart With Stone