Refactor seasonal scripts to enhance mobile detection using matchMedia for responsive behavior

This commit is contained in:
CodeDevMLH
2026-02-28 01:16:01 +01:00
parent cbf5d73629
commit 89ce903e8a
7 changed files with 12 additions and 12 deletions

View File

@@ -181,8 +181,8 @@ function initializeSnowfall() {
}
const container = document.querySelector('.snowfall-container');
if (container) {
const screenWidth = window.innerWidth; // get the screen width to detect mobile devices
if (screenWidth < 768) { // lower count of snowflakes on mobile devices
const isMobile = window.matchMedia("only screen and (max-width: 768px)").matches; // check if mobile device
if (isMobile) { // lower count of snowflakes on mobile devices
console.log('Mobile device detected. Reducing snowflakes count.');
snowflakesCount = snowflakesCountMobile;
}