Mobile Archive Filter Button CSS

/* === Mobile Filters Panel === */ @media (max-width: 768px) { #mobile-filters { position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background: #fff; z-index: 9999; overflow-y: auto; transition: left 0.3s ease-in-out; box-shadow: 2px 0 10px rgba(0, 0, 0,…Continue reading

Mobile Filter for Archive Pages with Button

document.addEventListener(“DOMContentLoaded”, function () { const toggleBtn = document.querySelector(“.mobile-filter-toggle a, .mobile-filter-toggle button”); const filterPanel = document.getElementById(“mobile-filters”); if (toggleBtn && filterPanel) { const iconOn = toggleBtn.querySelector(“.toggle-icon-on”); const iconOff = toggleBtn.querySelector(“.toggle-icon-off”); // Toggle panel open/close toggleBtn.addEventListener(“click”, function (e) { e.preventDefault(); e.stopPropagation(); filterPanel.classList.toggle(“open”); const…Continue reading

Scroll to Top

.fl-post-title {display:none;} /* Scroll to Top Settings */ #toTop { display: none; position: fixed; bottom: 5px; right: 10px; width: 80px; height: 80px; opacity: 0.8; filter: alpha(opacity=40); /* For IE8 and earlier */ } #toTop:after { content: “\f343”; font-family: dashicons; color:…Continue reading