How can I fix the product page format on fullscreen desktop view?

When I look at my website in full screen on a laptop the product page is not formatted right. Can you please help me?

https://magicbabybowl.store

Hi,

You can add the following code to the end of theme.css,

.product--large:not(.product--no-media) .product__media-wrapper,.product--large:not(.product--no-media) .product__info-wrapper{
max-width: initial !important;
}

The normal effect should be like this:

@magicbowl

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.product--large:not(.product--no-media) .product__info-wrapper, .product--large:not(.product--no-media) .product__media-wrapper {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
}
}

It worked thank you!

@magicbowl

its my pleasure to help us