[Resolved] Photos not being responsive

[Amanda Martin]

Hi Tom,

I have installed a photo slideshow on my website but it is not resizing properly for iPads,phones,etc.

For example: http://www.vancouverhomeexchange.ca/about-our-home/

On the plug in website it says “the TN3 Gallery can resize automatically based on its parent container making it ideal for responsive designs.”

Any hints?

[Tom]

Hmm, looking at their code I don’t know why they would say that, as they set the width in a way that isn’t responsive.

You can try adding this CSS to override it:

.tn3-gallery {
      width: auto !important;
      max-width: 620px;
}

They’re using “width” when they should be using “max-width”.

Let me know if that does the trick 🙂

[Amanda]

I added to the stylesheet and it didn’t work…. another suggestion?

Thanks!

[Tom]

Wow, looks like they have static widths set throughout the whole slider. Not sure how they can consider it responsive?

Any reason you’re using this plugin and not one like Meta Slider?

Let me know 🙂

[Author]

Posts