Okay
  Public Ticket #423047
Product Alignment Mobile Vertical
Closed

Comments

  • Tony started the conversation

    I am having product alignment issues on the woocommerce shop page using iPhone5s, iPhone6, iPhone4s when used in the VERTICAL position. Problems seem to occur only on the Second Row or below. Below is a screenshot of the type of problem I am experiencing. The problem is not evident on a PC or MacPro with reduced browser window size and Samsung doesn\'t seem to have an issue either.

    Personally, I think the best fix, and preferred layout, would be to have only 1 image per column on mobile phones in vertical layout. However, I will settle for any solution at this time.

    Note the first row is perfect, the second has offset to right and 2nd image 2nd row is offset up as well, then 3rd row is offset right but vertically correct. If you think it has to do with longer text, I can assure you it does not have the same issue on PC, MacPro, and at least 1 Samsung phone I tested... just iPhones.



  • Tony replied

    Any News On This Guys? Did you duplicate it? The behavior is fairly consistent on either page of our shop.

  •  8,850
    Tahir replied

    I have it flagged for the developer who has access to the real device. Please refrain from commenting on the thread as it moves it to the end of the queue.

    Thanks


    ThemeNectar Support Team 

  • Tony replied

    Hey Guys? I am still waiting on a reply 3 weeks. You asked me not to comment, but now you have closed the ticket with no response, or it automatically closed after a time.. dunno. Anyway, I have updated the theme to version 5.5.52. Now the layout is even worse! It\'s still misaligned and with no space in between pics after the first row, and now skips images in some rows on the iPhone. The iPad has misalignment issues in the vertical orientation, yet, oddly, can be fixed on switching to horizontal then to vertical. If refreshed in vertical orientation, it breaks again. Attached are 2 photos.


    Picture iPhone 5s (portrait):



    iPad3 Photo:

  •  8,850
    Tahir replied

    Hey,

    We cant seem to recreate the issue . Its resizing perfectly.

    Thanks


    ThemeNectar Support Team 

  • Tony replied

    Nevermind... I fixed it by setting the css to allow only 1 column (1 image) visible.