-
AuthorPosts
-
January 22, 2024 at 5:56 pm #1431701
Hi
We have a WooCommerce shop with Enfold.
There we can choose the size of the images.
When we select a size on the desktop, it looks normal.
When we select a size on tablets (landscape), it looks very special.
How we can fix this?
Thanks very much.
Best regards
Mike- This topic was modified 11 months ago by YourChoice Informatik GmbH.
January 23, 2024 at 4:53 am #1431732Hey Michael,
Thank you for the inquiry.
We don’t see anything unusual with the size of the shop thumbnails. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelJanuary 23, 2024 at 10:09 am #1431769Hi Ismael
When we want to select an image size in the shop on the desktop, it looks fine.
But when we want to select an image size in the shop on the tablet (landscape) it looks strange. The image size dropdown then goes to the middle of the screen and on the right side there is a red area.
See screenshots.
Best regards
MikeJanuary 24, 2024 at 6:28 pm #1431932Hi,
Thank you for the link to your site and the screenshot, but I’m not able to reproduce this with my laptop rotating it from portrait to landscape and back again, or with the browser inspector emulating different screen sizes and rotating. But you could try this script in your child theme functions.php to reload the page after a screen resize and perhaps it will help with your laptop.function custom_resize_script() { ?> <script> var resizeId; window.addEventListener('resize', function() { clearTimeout(resizeId); resizeId = setTimeout(doneResizing, 300); }); function doneResizing(){ location.reload(); } </script> <?php } add_action( 'wp_footer', 'custom_resize_script', 99 );
Best regards,
MikeMarch 8, 2024 at 4:45 pm #1436748Hi Mike
Sorry for the late response, I had a lot of stuff to do in the last month.
I tryed out your code but it does not help.
I think you cannot reproduce it with a laptop, you have to use a tablet.
When you open the shop with a tablet in landscape mode and then click on the right side into the sizes dropdown, it will look crazy.
Thanks very much.
Best regards
MikeMarch 9, 2024 at 3:59 pm #1436814Hi,
Thanks for the feedback, I don’t have a tablet but my laptop is one that folds in half so it’s like a tablet, but perhaps it is too large to see the issue, I tested again using the dev tools to emulate a tablet on my desktop but I didn’t see anything out of place, but your screenshots of the issue above are now 404s so I’m not sure if I looking in the right place. Try adding some screenshots of the issue so we can see what you mean.Best regards,
MikeMarch 20, 2024 at 4:18 pm #1437709Hi Mike
The old screenshots where already deleted.
I made two new screenshots for that you see the problem.
On the desktop, you can go to the shop and then click on the size dropdown and everything is ok.
On the tablet, when you click o the size dropdown, the dropdown goes into the middle of the screen and on the right side, where the dropdown wa before, there is a red area.
Best regards
MikeMarch 21, 2024 at 10:39 am #1437760Hi,
Thanks for the screenshots unfortunately I can not reproduce this, what tablet are you using when you see this? Please use this tool and report the screen resolution and check if this occurs on bothe portrait & landscape.
Also try disabling your plugins to see if that helps, and also switch to your parent theme to see if it is one of your customizations causing this.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.