Hello/Hi/Greetings,
I'm using the modus theme with a minor override of the header.php file (the modified file includes CSS for the website's menu). Everything works fine, EXCEPT in this situation:
1) The browser window is stretched beyond 1262 pixels; AND
2) I'm viewing the full size version of an image.
At that point, the content div behind the image shrinks/snaps up, leaving the image against the body background.
This doesn't happen with any other templates (image grid, thumbnails, etc). Just the picture.php
I thought it might be a CSS @media issue, but I don't see anything happening at that width. I'm wondering if there's some javascript that fires at that width?
Any suggestions would be appreciated.
I've attached two screensnaps that illustrate. The one with the white background is with the browser window at 1261 pixels. The one with the blue background is at 1262 pixels.
Piwigo 2.9.4
Operating system: Linux
PHP: 5.6.35 (Show info) [2018-07-25 13:02:50]
MySQL: 5.5.51-38.2 [2018-07-25 13:02:50]
Graphics Library: ImageMagick 6.9.3-10
Piwigo URL: http://customfloat.com/gallery
Offline
I was able to track this down a little further. It is indeed a javascript in the modus theme: photo.autosize.js which introduces an additional CSS class at 1262 pixels.
As to why that new class (Wide) breaks my css, I don't know -- just one of those CSS mysteries.
Offline