Archived topic
Size of product single picture under 768px oversized
11 replies · Started by Nico on December 29, 2021
Good morning!
We just noticed a little display problem. If you look at a single product on our shop page with the exact resolution of 768px (ipad), the product image looks much too large and therefore unbalanced. In the GP Customizer, however, everything looks ok.
Do you have a tip here?
thnx for helping in advance
Nick
Hi Nico,
Can you provide a screenshot of what you see?
Here's what i see on my end - https://share.getcloudapp.com/5zun7e9Z
It doesn't seem to big as it still uses 195x276. Perhaps I'm looking at the wrong products? Let us know.
Good morning Elvin!
I am sending you the screenshot you want. I don't mean the featured products either, I mean the illustration of the main product.
Hi there,
yeah thats Woocommerces small screen CSS it kicks in at 768px. Not sure if this filter (PHP Snippet) still works:
add_filter( 'woocommerce_style_smallscreen_breakpoint', function( $breakpoint ){
$breakpoint = '767px';
return $breakpoint;
}, 10, 1 );
How to add PHP:
Good morning David!
No, unfortunately the snippet did not solve the problem. But I also think that shouldn't be your problem. I'll ask the WooCommerce team.
Until then, thank you very much for your help with our relaunch. Unbelievable!
Wish you and the whole team a happy new year 2022. Stay healthy!
Nick
Let us know how you get on with Woocommerce. If need be i can provide some CSS :)
Happy New Year to you!
Good morning David!
Wish you and the whole team a good, successful but above all healthy year 2022.
I found a snippet for the team listed above. It seems to be working too. I just can't technically evaluate how good it is or whether it might cause undesirable side effects. If not, the snippet can be recommended to customers with similar problems.
@media only screen and (max-width: 1024px) {
.woocommerce-product-gallery__image img {max-width:300px; margin:0 auto}
Can you resupply the URL to the product?
When a Topic is resolved we auto-delete any Private Info. I have set topic to unresolved so you can access the private info field.
For sure. No problem. Here it is David.
btw:
This morning I thought it would be Monday and I can finally work again. I guess I'm not the only one 🤣
Hi Nico,
The CSS looks good to me :)
Thank you for your feedback Ying.
best regards from Karlsruhe
Nick
You are welcome :)