Hi @dereklaw,
I think the cache of the Lightbox is wrong. It’s a bug that was present in a previous version, but the actual issues only appear in the recent versions 🙂
The fix is very easy: go to the Settings page of the Meow Lightbox, and click on Reset Cache. That should do it.
Does it help?
Sadly, that doesn’t change anything.
I had tried it already, having read of similar problems on here, but I have just now tried again without any effect.
I have the same issue as described by @dereklaw : Vertical pics are fine, horizontal are too small.
Pls check: https://www.andreastimm.com/portfolio/
I use the latest version of WP and pro versions of all plugins. + I also did the cache reset multiple times – no effect.
@tigroumeow anything you need from us to identify the root cause?
Thanks for your great plugins by the way!
Thanks.
Best,
Andreas
Hi guys,
Did you try the latest version of the plugin? Don’t forget to use the “Reset Cache” button in the Lightbox settings again after that.
Just updated to 1.5.8 and reset the cache. No change, I’m afraid.
The problem appears to be the img tag sizes attribute:
sizes="(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px"
As I read this, the smallest windows of up to 767 pixels have the biggest images (89% = 682px). A window of up to 1000px has up to 54% (up to 540px) images, up to 1071px is 543px, and above that the image is 580px.
I also use latest pro version, tried cache reset, used differrent browsers and os – no change unfortunatly.
I know it’s a bit weird to do so but… can you try installing the plugin called “Code Snippets” and create a new snippet with it? This snippet only needs to be ran once, and here is the code in it:
get_option( 'mwl_obmode', true );
It’s only one line and basically set an invisible option used by the Lightbox. Since the issue is encountered by a few of you, I am thinking of making this option visible so that it can be switched easily.
I’ve added the plugin and snippet, and reset the cache for luck, but still have the same incorrectly sized images.
Is there anything I could check in the source to make sure the snippet is running correctly?
-
This reply was modified 6 years, 1 month ago by
dereklaw.
I added the snippet as well and activated it in the plugin. Is that already „running“ it? Sorry I am not a software expert.
And:
Updated to V 1.5.9 Pro
Cache reset
Used new browser And PC
No effect – issue still exists.
People still having this issue, can you contact me directly?
-> https://meowapps.com/contact
We eventually found the cause of this problem. It is part of the OFFICIAL theme Twenty Seventeen, in code which “Adds custom image sizes attribute to enhance responsive image functionality for content images”.
In the theme’s functions.php file is a function:
twentyseventeen_content_image_sizes_attr()
which includes the line:
$sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px';
These odd image sizes are then used by Lightbox. The maximum image width is fixed at 580 pixels. I edited that line to:
$sizes = '(max-width: 1600px) 100vw, 1600px';
and Lightbox now works for me. I haven’t noticed any adverse effects.
That code is not in the newer Twenty Nineteen theme.
Hi @dereklaw great you found this one – thanks a lot!!!
Hi @tigroumeow any chance this can be somehow corrected by the plugin? If just the functions.php would be changed it will revert back with the next theme update, right?
Again I am not a software expert – so looking for a solution still.
Thanks.
Best,
Andreas
