Location: site_wide_header
Feature Page Customization – CSS
/* Author:Sumaiya , Clickup Doc: https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-25095 */ /* Des: This CSS is added to make this class “feature-sticky-section” sticky */ .feature-sticky-section { position: -webkit-sticky; /* For Safari */ position: sticky; top: 57px; /* Adjust the top offset as needed */…Continue reading
Untitled Snippet
EvocaLux Search Styles
/* === EvocaLux Search Styling === */ /* Ensure header links and lock are clickable again */ .site-header { z-index: 1001 !important; position: relative; } /* Unified interactivity + layering for clickable icons */ .site-header nav a, .login-icon, .sparkle-lock, .cart-icon…Continue reading
Blog Archive Page Customization – CSS
/* Author: Sumaiya, Clickup Doc: https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-11315 */ /* Des: This CSS is added to optmiize the Active category filter items */ .eb-post-grid-wrapper.eb-post-grid-pf3xz .ebpg-category-filter-list-item.active { background-color: var(–ikb-blue)!important; color:#ffffff!important; } /* Completed */ /* Des: This CSS is added to optmiize the…Continue reading
Accessibility Enhancements for Divi Header (Mobile Menu & Search)
/* Accessibility Enhancements for Divi Header (Mobile Menu & Search) ——————————————————————- This script improves keyboard accessibility across the Divi mobile menu and search interface by: ✅ Making all faux buttons (e.g., used as buttons) respond to Enter and Space ✅…Continue reading
Automatic HLE Table Handler
window.addEventListener(‘DOMContentLoaded’, () => { document.querySelectorAll(‘.hle’).forEach((table, index) => { // Check if the table needs expansion if (table.scrollHeight { table.classList.toggle(‘expanded’); btn.textContent = table.classList.contains(‘expanded’) ? ‘Show Less’ : ‘Show More’; }); // Insert the button after the current table table.insertAdjacentElement(‘afterend’, btn); });…Continue reading
(cloud) Google Lighthouse View-port Issue
CSS Fix for Small or Tight Click Targets in Divi
/* Ensure tap targets are at least 44x44px */ .et-pb-controllers a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px; /* You can increase this if needed */ margin: 6px; /* Adds spacing between adjacent links…Continue reading
Marquee Animation
const off = 10; let l = off; const marqueeElements = Array.from(document.querySelectorAll(‘.marquee span’)); const speed = 1.5; const stack = []; let pause = false; marqueeElements.forEach(element => { const width = element.offsetWidth + off; element.style.left = `${l}px`; l += width;…Continue reading