Fix cut off logos in logo slider

Site URL: https://sunshades-eyewear.squarespace.com/

Hi

I have added this custom CSS for all logo sliders on my website: 

  .sqs-gallery-design-strip-slide 
{
  padding: 0px 20px 0px 0px;
}

But now the logos get cut off when the screen width is less than approx 1500px.

They are not visible on mobile.

How can I fix this so all logos are visible at any screen width?

https://sunshades-eyewear.squarespace.com/

password: SSE2022

On 7/15/2022 at 3:28 PM, nrdesignco said:

Site URL: https://sunshades-eyewear.squarespace.com/

Hi

I have added this custom CSS for all logo sliders on my website: 

  .sqs-gallery-design-strip-slide 
{
  padding: 0px 20px 0px 0px;
}

But now the logos get cut off when the screen width is less than approx 1500px.

They are not visible on mobile.

How can I fix this so all logos are visible at any screen width?

 

https://sunshades-eyewear.squarespace.com/

password: SSE2022

I am check via dev tool, It shows Ok, which resolution is your device that has this issue?

hi @bangank36

Thank you for your response

When looking in my desktop chrome browser it appears to cut off at 550px wide

When I view on my iPhone it is significantly more cut off. see screenshots attached

@bangank36 any update on this?

@tuanphan do you have any idea? 

thank you so much!

Add to Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-design-strip {
    overflow: visible;
}
}

@tuanphan thank you so much!!