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

Technical Q&A
1

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

2

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:

lfbokco_0-1657246405896.png
lfbokco_0-1657246405896.png1714×905 200 KB

3

@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);
}
}
4

It worked thank you!

5

@magicbowl

its my pleasure to help us