Keeping Gallery Slideshow Block 'full width' on Mobile.

Site URL: https://www.eddysummers.com.au/documentary-weddings

I have a Slideshow: Full for my 7.1 site, on desktop its working fine, but on mobile it crops the width severely. I'm looking for a way to keep the width for this gallery on mobile. Is this possible?

Cheers.
 

41 minutes ago, dunker56 said:

Site URL: https://www.eddysummers.com.au/documentary-weddings

I have a Slideshow: Full for my 7.1 site, on desktop its working fine, but on mobile it crops the width severely. I'm looking for a way to keep the width for this gallery on mobile. Is this possible?

Cheers.
 

Try

@media only screen and (max-width: 767px) {
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow-item-img img {
    width: 100% !important;
    height: auto !important
  }
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow {
    height: 50vh!important
  }
}

Let me know how it works

My testing

1 hour ago, bangank36 said:

Try

@media only screen and (max-width: 767px) {
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow-item-img img {
    width: 100% !important;
    height: auto !important
  }
  section[data-section-id="6205c9597f1a9d535ceee684"] .gallery-fullscreen-slideshow {
    height: 50vh!important
  }
}

Let me know how it works

Hi, sorry I'm a bit of a noob at this, where do I c/p this code? Thanks 

1 hour ago, dunker56 said:

Hi, sorry I'm a bit of a noob at this, where do I c/p this code? Thanks 

Home > Design > Custom CSS

Thank you!