Mobile view only: Full Width Slideshow.

portfolio-new.squarespace.com

Passcode: port

Hi, I have been trying to play around squarespace and trying to stylize this slide show gallery. Where I would like a regular slideshow on the desktop version, but on mobile version, I would like to hide the navigation arrow control, and make my image full width. I have been playing with the setting but out of luck. 

Below was what I used to remove the control arrow, 

/* Remove gallery slideshow arrows */
@media screen and (max-width:767px) {
.gallery-slideshow-control {
       visibility: hidden;
}
}

Here is the css I wrote for full-width slideshow, but didn't work... 

@media screen and (max-width: 767px) {
  .gallery-slideshow[data-width="full-bleed"] {
  width:100% !important;
  height: auto !important}
}

Thank you and much appreciated with any thoughts and suggestions. 

It looks like you solved this?

On 11/21/2022 at 12:17 AM, tuanphan said:

It looks like you solved this?

Hey @tuanphan I think with the fix, the mobile version doesn't work smoothly. 😞 

On 11/29/2022 at 3:42 AM, Clindes said:

Hey @tuanphan I think with the fix, the mobile version doesn't work smoothly. 😞 

 

Can you check site url again? It doesn't work now