Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 3, 2019 at 2:58 pm #1106723
    Pas7o

    Hi, this is my website: click here.

    In my home page I set an WooCommerce products slider:
    minimum-height

    How I can set a minimum height to have products with equal height for any devices (desktop and mobile)? Thanks.

    June 4, 2019 at 12:42 pm #1107063
    Ismael

    Hey Pas7o,

    Thank you for using Enfold.

    As much as possible, make sure that the size of the product images are the same. You can then set the minimum height of the product title container using the following css code. Just add it in the Quick CSS field.

    #top .inner_product_header {
    min-height: 132px;
}

    You can do the same for the product button container.

    .avia_cart_buttons.single_button {
    min-height: 58px;
}

    Best regards,
    Ismael

    June 5, 2019 at 7:17 am #1107379
    Pas7o

    Thanks. These values are ok also for mobile (smartphone and tablet)?

    June 5, 2019 at 1:25 pm #1107542
    Victoria

    Hi Pas7o,

    https://cl.ly/49dff64a6188 Yes, the css Ismael gave you works fine on all screen sizes, unless there is a product with a very looong title :)

    Best regards,
    Victoria

    June 6, 2019 at 9:46 am #1107864
    Pas7o

    But if I resize my browser on desktop pc, I have not a equal height:

    browser-resize

    June 9, 2019 at 5:07 pm #1108626
    Basilis

    Hi,

    That is happening because of the resize.
    It does not happen when you use a proper mobile to check from iPad or Mobile.

    Best regards,
    Basilis

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