Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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

    #1431732

    Hey 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,
    Ismael

    #1431769

    Hi 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
    Mike

    #1431932

    Hi,
    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,
    Mike

    #1436748

    Hi 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
    Mike

    #1436814

    Hi,
    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,
    Mike

    #1437709

    Hi 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
    Mike

    #1437760

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.