Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 22, 2019 at 12:08 am #1103121
    dashofred

    Since upgrading the theme to the latest version of PHP 7.2 have experienced alignment issues on the product grid in the Avia Editor.

    Product grid elements are defaulting to 2 columns instead of 4 column rows as selected. Additional products are being pushed to the second row.

    • This topic was modified 5 years, 2 months ago by dashofred.
    May 25, 2019 at 7:23 pm #1104197
    Mike

    Hey dashofred,
    Sorry for the late reply. Thanks for the login and the screenshots.
    I have examined your elements and found that the “second line” of products are getting the class “first” which is causing this, but I also notice you are using Enfold v4.1.2 and WordPress v5.1.1, this version of Enfold is not WordPress v5 ready, please update to Enfold v4.5.7 to see if this corrects.
    Please note you will need to update manually via ftp due to the change to license “Tokens” by Theme Forest.
    Also note, please don’t try to overwrite the theme with the new version as this will leave old files behind and cause errors.

    Please try these steps, via ftp rename your current theme to “enfold-old” then upload the new “enfold” folder and check that your site is working correctly.
    Once you are happy you can delete the “enfold-old” via ftp, (not the WP theme page)
    Should for some reason you wish to roll-back to the old version, it’s easy to do, simply rename the new “enfold” to “enfold-new” via ftp and then rename “enfold-old” to “enfold” then refresh your page.

    Best regards,
    Mike

    June 20, 2019 at 12:14 pm #1111916
    tech

    Hi Mike,

    I am experiencing the same issue. I’ve set the grid to 5 columns.
    The first product appears on its own. The second line contains the other 4 products.

    My product list doesn’t have the correct use of first/last css classes for li.product items.

    I am running on PHP 7.3, Enfold 4.5.7 and WP 5.2.2.
    In the Chrome Inspector, simply moving the DOM element with class first to the top of the ul.products list fixes the layout issue. So I suggest this is potentially an issue in the way this grid is rendered.

    Please advise.

    June 20, 2019 at 1:23 pm #1111935
    Mike

    Hi,
    Please include a link to the page in the Private Content area so we can examine.

    Best regards,
    Mike

    June 20, 2019 at 1:44 pm #1111944
    tech
    This reply has been marked as private.
    June 21, 2019 at 1:50 pm #1112328
    Mike

    Hi,
    @tech Thanks for the login to see the site, I would like to login to the backend but as this is not your thread, posting your login details will not be private here.
    Please start a new thread with your login details in the Private Content area and post a link to that thread here so I can find it easier. Thank you.

    Best regards,
    Mike

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