@media only screen and (max-width: 767px) {
.foogallery .fg-item .fg-item-inner {
width: 50% !important;
height: 50% !important;
max-width: 50% !important;
max-height: 50% !important;
}
}
Using this custom css, the images and captions now display smaller once the screen size is less than 767px.
The final part of the problem that I can’t solve is removing all the empty white space around the images. See a screenshot here. Using the inspect tool, it appears that the blank space is being created through another series of classes; see here. I can’t seem to solve the blank space issue when I try to target fg-type-image and/or fg-positioned and/or fg-loaded.
Any suggestions on how to close the gap? Thanks!
]]>Is there away to adjust these numbers for mobile? Without affecting the current numbers for desktop?
Otherwise, is there a way to duplicate the gallery so I can make a “mobile friendly” version?
Thanks in advance!
]]>before all the images in a row would line up but now i have some small and some big if there is a mixture of portrait and landscape pics. the landscape pics just have space under them.
i have changed no settings as the project was on hold.. i think i did an update on the plug-in but that’s it.
]]>How do I set the space between each element of the justified ElementsKit navigation justified menu (in purple here)?
Thank you
]]>Using a Justified Gallery because of it’s lovely responsiveness filling the entire content width of the page. The visual display on desktop and tablet is perfect.
On mobile, the mix of portrait and landscape sizes clash. Due to the height configuration, sometimes a single image will float in the centre with gaps on either side, instead of resizing two images side-by-side to fill the content width space.
Screenshots-
Justified Desktop: https://ibb.co/dcRXKC2
Justified Mobile: https://ibb.co/sQh4jSj
Row height: 250
Max row height: 380
Margins: 5
If I lower the row height, the pictures are too small on a desktop view, and it doesn’t fully solve the mobile issue (eg. square images). Is there a way to force two columns for a Justified Gallery once the screen size hits the mobile breakpoint? I know this will force some photos to be smaller, but it’s better than having them float awkwardly alone. Would much prefer to use Justified Gallery layout over Masonry Image Gallery.
Thanks in advance.
]]>https://simplygallery.co/justified-hidden-mode/
How do you configure this functionality? Is it within the block settings or does it require custom CSS?
]]>All plugins are updated, my wp version is 6.0, my theme is Customizr.
How can I restore correct justified layout of vp galleries?
Can I add a css rule not to use Nimble Page Builder in some pages?
Thank you
]]>Examples:
– First image at: https://www.yuenx.com/2022/review-eufy-indoor-outdoor-2k-security-cameras-solocam-s40-e40-eufycam-2-pro-homebase-2-ultimate-comparison/#Pros
– 3-image gallery under “Install seat post, then inflate tires.” at: https://www.yuenx.com/2022/review-jasion-eb7-foldable-electric-bike-20-fat-tire-7-speed/#Step-By-Step
I had cleared the Avada Theme cache, WPOptimize cache and minification, and Cloudflare cache, but issue persists and only with the Justified layout.
]]>