image size in mobile view

  • Resolved muthualagappanchess

    (@muthualagappanchess)


    10 years, 1 month ago

    Hello,

    I have built my site using woo commerce on top of virtue theme. In the shop section I have the all the images aligned properly in desktop view. I accept that the width*height of the images differ somewhat. Yet, the alignment is perfect int the desktop view.

    However in the mobile view, the images are not aligned properly. There is a small alignment difference which is not visible in desktop.

    Please let me know if there is any parameter which could align the image in mobile ? I want the height to be fixed for all the images. And this should be applicable only for mobile.

    Please have a look at my site https://8cross8.com/shop

    Would appreciate any help !

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter muthualagappanchess

    (@muthualagappanchess)

    10 years, 1 month ago

    Hello,

    Even though if the title of the product of small, we can set the minimum height of the product to some value so that the title of all the products can be made similar so that the alignment looks good.

    @media (max-width: 480px){
    .product_item .product_details h5 {
    min-height: 100px;
    }

    Similarly, is there any option to set the minimum height of the image even though if it looks small. The rest of the space on the image could be filled out using background. Please let me know if it is also possible for this query and the previous one..

    Thanks !

    Ben Ritner – Kadence WP

    (@britner)

    10 years, 1 month ago

    In your theme options > advanced styling add this css:

    .kad-woo-image-size {
    height: 270px;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.product_item a.product_img_link {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 270px;
}

.product_item a.product_item_link img {
    max-height: 270px;
    width: auto;
}

    Ben

    Thread Starter muthualagappanchess

    (@muthualagappanchess)

    10 years, 1 month ago

    Hello,

    It working fine. Thank you so much.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘image size in mobile view’ is closed to new replies.