Why isn't my slideshow displaying in mobile view?

Why isn't my slideshow displaying in mobile view?

Otoroto11
Visitor
1 0 0

Hi,

I recently added the following code to be able to use different photos on the desktop and mobile version and now I have the problem that the slideshows only show the pictures on the desktop version and there is no picture on the mobil version.

The Code: 

  1. .banner__media:first-child {
  2.     width: 100%;
  3. }
  4. .banner__media+.banner__media {
  5.     display: none;
  6. }
  7. @media screen and (max-width: 749px) {
  8.     .banner__media:first-child {
  9.         display: none;
  10.     }
  11.     .banner__media+.banner__media {
  12.         width: 100%;
  13.         display: block !important;
  14.     }
  15. }
  16. @media screen and (max-width: 749px) {
  17.     .banner__content::before{
  18.         padding-bottom: 150% !important;
  19.     }
  20. }
Replies 0 (0)