Скрыть секцию Shopify на основе размера экрана пользователя, используя CSS

Question

Мне нужна помощь с кодом, который покажет другой раздел слайд-шоу на Shopify в зависимости от размера экрана пользователя. Я использую приведенный ниже код, который отлично работает на мобильном устройстве, но на моем ноутбуке я вижу оба слайд-шоу.

Какой код мне нужно добавить, чтобы скрыть мобильное слайд-шоу, когда размер экрана превышает определенное количество пикселей?

   #shopify-section-mobile-slideshow {
      display: none !important;
    }
  @media (max-width: 450px){ 
    #shopify-section-slideshow {
      display: none !important;
    }
    #shopify-section-mobile-slideshow {
      display: block !important;
    }
  }

Answer 1

Вопрос, на который ответил @stenley -

Используйте элементы инспектора, чтобы определить идентификатор секции

Для меня:

 #shopify-section-1586161998623 { display: none; }
  @media (max-width: 768px){ 
    #shopify-section-slideshow {
      display: none !important;
    }
    #shopify-section-1586161998623 { display: block; }

  }