helen2022

As per the info on the linked thread above, I’ve added

.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
}

to my additional CSS and the gallery problem is fixed (as a work around, awaiting a patch). Hope that’s useful for anyone else with the same issue.

@threadi I have not done so yet – I’m not going to be able to look at it again until the end of the month so thought it best to wait and see what the situation was by then. I’m hoping for a patch at least to fix the gallery issue before then? Thank you for your help so far!

Ah thank you. I really would prefer not to upgrade the Neve theme at this point so I may just have to work around this problem. At least I know it is unlikely to change back the other way!

I’ve added a gallery to that test page which is fine, so not a problem with the theme. Of my 3 sites the gallery problem only happens on one.

Perhaps this will help, same version of Neve theme but not using the Siteground optimisation plugin, showing the same lack of spacing below the image.
https://wirralarts.com/test-2/

Hi, I have switched the gallery for images displayed in columns for the time being. Not ideal as the spacing looks off on mobile but better than the broken gallery. You can see the original problem on my test gallery page here
https://helen-smith.com/test/

I have added to my css
.is-layout-flex {
display: flex;
}
as mentioned in the thread you linked to. Now my 2×2 gallery is displaying as 4 columns across the page. Better I think but still not right.

When I searched re this problem originally I found a thread in github showing exactly my problem so assumed it was a known bug and would be fixed shortly?

If you scroll down to the bottom of my test page you can also see where the spacing underneath the image has disappeared. Is this a bug or a change? I have just had to go through my other site manually adjusting the spacing, would be nice to know whether I’m going to have to go through again un-adjusting it or not!

Thanks!

Not very helpful. Yes I did clear the cache.

Thanks all!

Hi Lucia,
Thank you for your help! The following code has given me the result I wanted, which was wrapping on a phone but not on a tablet:

@media(min-width: 700px){
    .wp-block-columns {
        flex-wrap: nowrap !important;
    }
}

Hmmm, the columns are most definitely stacked on my tablet (Samsung Galaxy Tab S5e) when viewed in portrait mode. I think somewhere there is a setting which defines the screen width for ‘mobile’ and it needs adjusting?

Just wanted to add here that the code you provided does not fix the specific problem I had sadly, I do still need the add_filter code

• This reply was modified 2 years, 4 months ago by helen2022.

Brilliant, thank you for your response – really useful for me as I do manage another site which uses Neve and haven’t created a child theme for that yet.

Marking this as resolved

Ok, have fixed this so I’ll post here for anyone else having the same problem. I ended up creating a child theme and adding the following:

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
    return array(
        'width' => 200,
        'height' => 200,
        'crop' => 0,
        );
    }
);

I lifted the solution from the Astra support forum so it seems to be a pretty common problem. My thumbnails are now crystal clear ?? I’m glad I haven’t had to change theme and I’ve learned how to create a child theme which is useful!

So I’m still going round in circles with this. The product gallery thumbnail is using a 100px image but rendering it at 158px. Why? There doesn’t seem to be anywhere to change the settings for these images so this seems to be a pretty fundamental incompatibility between Neve and Woocommerce. I really don’t want to have to change theme but maybe that is my only option?

Perfect, thank you so much!