Fixing Hero Slider or Marquee Not Working on Mobile

Sliders often break on mobile due to fixed heights or JavaScript conflicts.

Step 1: Remove Fixed Heights

@media (max-width: 768px) {
  .slider,
  .hero {
    height: auto !important;
    min-height: auto !important;
  }
}

Step 2: Enable Touch Support

If using Swiper or slider JS:

touchEventsTarget: 'container',
simulateTouch: true

Step 3: Check App Conflicts

Disable slider apps temporarily to see if conflicts exist.

✅ Result: Smooth working slider on mobile devices.