Notes

function toggleView() {
// Get the desktop and mobile popup containers
var desktopPopup = document.getElementById('desktop-popup'); // Replace with actual ID for the desktop popup
var mobilePopup = document.getElementById('mobile-popup'); // Replace with actual ID for the mobile popup

if (!desktopPopup || !mobilePopup) {
console.error('Popup elements not found.');
return;
}

// Get the screen width
var screenWidth = window.innerWidth;
console.log('Screen width:', screenWidth); // For debugging

// Determine which view to show
if (screenWidth >= 768) { // Desktop view
desktopPopup.style.display = 'block';
mobilePopup.style.display = 'none';
} else { // Mobile view
desktopPopup.style.display = 'none';
mobilePopup.style.display = 'block';
}
}

// Call toggleView when the page loads
window.addEventListener('load', toggleView);

// Call toggleView when the window is resized
window.addEventListener('resize', toggleView);




#yes-button-id, #no-button-id {
display: none;
}


/* Hide buttons on mobile devices (width < 768px) */
@media (max-width: 767px) {
#yes-button-id, #no-button-id {
display: none;
}
}

/* Show buttons on desktop devices (width >= 768px) */
@media (min-width: 768px) {
#yes-button-id, #no-button-id {
display: inline-block; /* or 'block', depending on your layout */
}
}