Hi,
With HikaShop 6.2.0, we did a lot of work to update the layout CSS system to modern standards. This also includes the left/right parts of the product page which rely on that layout system.
I suppose you had CSS to center the elements to your needs, but with the layout CSS changing completely, your custom CSS is not working anymore.
Try adding this CSS code on your website, it should do what you want taking into account the new layout system:
/* Target the product page container row */
/* We use .hikashop_product_page to ensure we don't affect other parts of the site */
.hikashop_product_page .hk-row-fluid {
display: flex;
justify-content: center; /* Centers the image and text block in the middle of the screen */
align-items: flex-start; /* Aligns them to the top */
gap: 30px; /* Optional: Adds a specific gap between image and text */
}
/* Override default grid widths and floats */
.hikashop_product_page #hikashop_product_left_part,
.hikashop_product_page #hikashop_product_right_part {
float: none !important;
width: auto !important; /* Allow div to shrink to content size */
max-width: 100%;
}
/* Specifically prevent the left part from growing larger than its content (the image) */
.hikashop_product_page #hikashop_product_left_part {
flex: 0 0 auto;
}
/* Allow the right part to adapt, but optionally limit its width to keep it readable and centered */
.hikashop_product_page #hikashop_product_right_part {
flex: 0 1 auto;
/* Optional: Limit the width of the text so it doesn't span the entire remaining width */
/* max-width: 600px; */
}