Slideshow Filmstrip re-size for Mobile

Hi @bschelew,

Thanks for reaching out,

Could you kindly specify what you exactly mean by “croded”?

Checked your page and even on desktop larger filmstrip wouldn’t be impertinent – hence may I recommend “playing” with settings towards a larger filmstrip?

Please let me know your thoughts on the matter an keep me posted on your experiments =)

Sorry for the typo! croded = crowded.

Actually what I did was decrease the filmstrip to 50 px (from 100 px) and that, to my eye, looks a little small on the desktop and tablet but looks just fine on mobile devices so is a good compromise…. unless you’ve got some code that can say something like IF mobile, THEN filmsize = 50 px.

A friend of mine gave me this type of CSS code that fixed a # of columns displayed (with a sitemap plugin… not yours), that fixed the problem for me.

He said…

Duplicate the existing CSS, then wrap it with:

@media screen and (max-width:400px){

/* Put duplicated code here */

}

Then edit your duplicated code to reduce the number of columns.

You can adjust the max-width value to whatever screen width you think is best to have it drop down in # of columns ??

Thanks for the details, @bschelew , glad it works for you =)

Can we assist you further?

I’m good thanks.