Monitor Reply

Support

Grid behaving badly - reason found?

Permalink Browser Info Environment November 19, 2015 at 3:03 AM

I return to my previous post about grid behaving ”badly” on narrow view ;-)
(https://www.concrete5.org/marketplace/addons/easy-image-gallery/support/responsive/)

I wrote: This gallery is in use on three sites, all on the same server. In two the gallery collapses to one column on mobile (android) and narrow window on pc just fine. But one gallery just makes all 4 columns very narrow. The same thing with android-phone, and pc (windows&mac) and in iPad

This occurred again on a new site, see attached images: wide and narrow view. It happened at the same time as another add-on broke. Both happened after I was getting ready to publish the site and put caches on.

Developer of the other add-on was able to pin-point problem to C5 cache. And was right, disabling JS/CSS cache did fix not only his add-on, but this gallery problem as well!

Is this something you can fix in the future, or is there another solution? Ideas?

2 Attachments

Type:	Discussion
Status:	In Progress

sebastienj replied on Nov 19, 2015 at 3:47 am Permalink Reply

So if cache is disabled for css and js all is working fine for all adons ?
I will check this.

PaiviK replied on Nov 19, 2015 at 3:53 am Permalink Reply

After a short test it seems to work just fine
Great!

PaiviK replied on Nov 29, 2015 at 8:14 am Permalink Reply

Any news? I have this add-on on several sites, and now I'm using it caches disabled. Would like to use cache.

anete replied on Jan 25, 2016 at 5:56 am Permalink Reply

Hi Seb, I've just come across this same problem. I have a gallery setup with the 'basic' template and while developing the site with caches off all was working well for mobile view. I put the site live today and turned caches on and when tested the site I was surprised that the mobile version was showing in narrow slithers like the above attachments. I couldn't work out why until reading this post, so I tried turning off the caches and all is viewing well again for mobile view.

Is there something that can be rectified here as I want to turn the caches back on but can't until this is fixed. Thanks

anete replied on Jan 28, 2016 at 12:00 am Permalink Reply

Hi Seb,

Any ideas on this issue? Thanks

myconcretelab replied on Jan 28, 2016 at 3:36 pm Permalink Reply

It's seems that it's a problem from COncrete that doesn't make a good compress of CSS files. I will talk about this in the core.

sebastienj replied on Jan 28, 2016 at 3:44 pm Permalink Reply

Ok, to fix the issue before the update, open block/stylesheet/block-view.css and add a space after the @media at line 184 :

@media (max-width:768px){

and all will work.

anete replied on Jan 28, 2016 at 5:15 pm Permalink Reply

Thanks Seb. I made that change, uploaded it to server, turned the
cache's on, cleared cache etc, but it is still showing the portfolio in
slithers on a mobile device.
Here is the page....it's actually my site
http://www.thatsgraphic.com.au/portfolio... - I've turned caches off again
as this is a live site, so it's viewing correctly at the moment on
mobiles, but turn on caches and it falls over.

I'm running a fairly stripped back install as I create my own themes and
using the skeleton framework throughout. Not sure if that makes any
difference?
I'm happy to provide you logins etc if needed.

Kind regards

*Annette Winter* | Ph: 08 8584 7041
Website |http://www.thatsgraphic.com.au <http://www.thatsgraphic.com.au>
Facebook | Join That's Graphic on FACEBOOK
<http://www.facebook.com/thatsgraphic>
Email | mail@thatsgraphic.com.au <mailto:mail@thatsgraphic.com.au>

On 29/01/2016 7:14 AM, concrete5 Community wrote:

anete replied on Feb 3, 2016 at 5:48 pm Permalink Reply

Hi Seb,

Is there any update on this?

Thanks

sebastienj replied on Feb 4, 2016 at 1:32 am Permalink Reply

Anette, i see in your stylesheet (http://www.thatsgraphic.com.au/packages/easy_image_gallery/blocks/easy_image_gallery/stylesheet/block-view.css) :

@media(max-width:768px){

So i don't know why your change have no reality in the server ?

anete replied on Feb 4, 2016 at 4:05 pm Permalink Reply

Hi Seb,

I've got it working now with caches on, it needed another space before the 768.

@media (max-width: 768px){

Thanks for pointing me in the right direction.

sebastienj replied on Feb 5, 2016 at 8:51 am Permalink Reply

Thank you !

PaiviK replied on Feb 5, 2016 at 9:24 am Permalink Reply

Thank you both!
I got 3 sites fixed. It has been frustrating to have either sliced thumbnails or no caches.
And perhaps I dare now to use this otherwise great gallery again.

No wonder it was hard to find the fix, 2 empty spaces!

anete replied on Feb 5, 2016 at 3:27 pm Permalink Reply

Yes glad to have this sorted, as it is truly a great add-on. My clients love the simplicity of it and it's a breeze to setup! Keep up the great work Seb.

sebastienj replied on Feb 9, 2016 at 3:56 am Permalink Reply

Thank you :-)

Easy Image Gallery

Support

Grid behaving badly - reason found?

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post