Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 8, 2018 at 9:06 am #909636
    creativeopole

    After updating Woocommerce to version 3.3.1, there was a problem with the product grid. It does not display columns correctly.

    February 8, 2018 at 11:59 am #909713
    Nikko

    Hey creativeopole,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    .products .product.first {
    clear: none !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 8, 2018 at 1:09 pm #909744
    creativeopole
    This reply has been marked as private.
    February 8, 2018 at 5:26 pm #909865
    Nikko

    Hi,

    Do you have a caching plugin installed? can you try to flush out the cache, if that doesn’t help, please give us temporary admin access, so we can try to check the backend.

    Best regards,
    Nikko

    February 8, 2018 at 5:47 pm #909877
    creativeopole

    I’m sending you access

    February 8, 2018 at 10:19 pm #909999
    Basilis

    Hi,

    
#top .products .product.last, #top #main .products .product.last {
    margin-right: 5px !important;
    width: 20% !important;
}

    And the following code to your CSS and let us know if that fixes the issue.

    Best regards,
    Basilis

    February 9, 2018 at 8:12 am #910147
    creativeopole

    There is still a problem adding in css:

    width: 20%! important;

    It causes the first product to be far from the rest and it looks bad.

    February 12, 2018 at 1:58 am #910863
    Ismael

    Hi,

    Please try this css code.

    #top .products .product.last, #top #main .products .product.last {
    margin: 0 1% 1% 0;
    width: 20% !important;
}

    Best regards,
    Ismael

    February 12, 2018 at 10:02 am #910964
    creativeopole

    None of the above solutions solve the module problem. The display problem is even greater on smartphones. incorrect display on mobile devices, you can see the attachment in private content.

    February 12, 2018 at 11:50 am #911039
    Victoria

    Hi creativeopole,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.thumbnail_container {
  min-height: 291px;
}
.thumbnail_container img {
  min-height: 291px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 12, 2018 at 12:14 pm #911055
    creativeopole
    This reply has been marked as private.
    February 13, 2018 at 4:31 am #911481
    Ismael

    Hi,

    Thank you for the update. We corrected the css codes and added a few css media queries to adjust the css values on mobile devices. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    February 16, 2018 at 3:45 pm #913298
    danneeroy

    Hi,

    Could you provide the changes you applied?

    Best regards

    February 16, 2018 at 3:52 pm #913300
    creativeopole

    Changes are made as suggested above. However, this does not completely solve the problem. The first row is smaller than the others. I am waiting for auctualizations, maybe it will be improved there.

    February 18, 2018 at 9:33 am #913839
    Victoria

    Hi danneeroy,

    If you want us to take a look at your issue, please start a separate thread, describe your issue there and give us a link to your website.

    Best regards,
    Victoria

    February 18, 2018 at 9:33 am #913840
    Victoria

    Hi creativeopole,

    Looks fine on my end. Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

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